Na aula foi comentado sobre qual seria realmente a melhor prática e que seria utilizando o getByTestId e não o getByRole, mas com relação a busca de fato, não foi apresentado com o uso do toHaveText('Passagens') e sim com o toBeVisible().
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Na aula foi comentado sobre qual seria realmente a melhor prática e que seria utilizando o getByTestId e não o getByRole, mas com relação a busca de fato, não foi apresentado com o uso do toHaveText('Passagens') e sim com o toBeVisible().
Olá.
Diferença entre as abordagens:
getByTestId (melhor prática em testes E2E)
data-testid="minha-tag". getByRole
Sobre toHaveText('Passagens') vs. toBeVisible()
toHaveText('Passagens'): verifica o conteúdo textual esperado.toBeVisible(): verifica se o elemento está visível na tela, mas não garante que o conteúdo esteja correto.Então, para garantir que o texto esteja presente e correto, o ideal seria:
await expect(page.getByTestId('titulo-passagens')).toHaveText('Passagens');
Se no vídeo só usaram toBeVisible(), talvez foi para manter o exemplo mais simples.