Newsletter #036 - Testes E2E e Playwright P. III
Seu newsletter semanal voltado para tecnologia e qualidade de software
Olá pessoal, mais uma semana de newsletter voltado para tecnologia e qualidade de software.
Na semana passada conhecemos como criar o primeiro teste com o Playwright, se não conseguiu praticar, segue o link. Nessa semana estaremos realizando mais um teste, então bora lá?
Após termos criado o arquivo de login, vamos utilizar o teste que fizemos de login para criar uma conta dentro do site do seu barriga, assim segue os passos:
Vamos criar um segundo arquivo chamado contas.spec.js e adicionar o seguinte teste:
// @ts-check
const { test, expect } = require('@playwright/test');
test('Realizar o login e criar uma conta', async ({ page }) => {
await page.goto('https://seubarriga.wcaquino.me/login');
await expect(page).toHaveTitle(/Seu Barriga - Log in/);
const emailInput = await page.getByPlaceholder('Email').fill('fulano@qa.com');
const senhaInput = await page.getByPlaceholder('Password').fill('teste');
const loginButton = await page.getByRole('button', { name: 'Entrar' }).click();
await page.goto('https://seubarriga.wcaquino.me/addConta');
await expect(page).toHaveTitle(/Seu Barriga - Adicionar Conta/);
const contaInput = await page.locator('input[id="nome"]').fill('Conta de Teste');
const contaButton = await page.locator('button[type="submit"]').click();
});
Como cada teste é independente, para acessar a tela de contas temos que primeiro realizar o login, assim nas primeiras linhas é novamente feito o login e após feito é chamado para acessar a página de addConta que na qual estaremos cadastrando nossa conta de teste.
Se vocês perceberam utilizamos nessa segunda parte o locator, essa função do próprio Playwright auxilie a realizar busca dentro do objeto DOM qualquer informação que precisamos utilizar desde de busca pelo array ou usando CSS e XPATH.
Por fim, na semana passada executamos o Playwright sem apresentar o navegador, hoje vamos executar com o parâmetro —headed, npx playwright test --headed,
logo que executar irá aparecer em seu computador o navegador específico que você esta utilizando para o teste.
Logo mais abaixo na seção informações adicionais deixo links que irá te auxiliar a conhecer toda a API do Playwrtight.
Então é isso pessoa, hoje terminamos de conhecer um pouco mais sobre o Playwright. Para a próxima semana estaremos subindo esse básico que fizemos no Github e criando uma pipeline de execução, não perca 🚀!!
Informações Adicionais
O que rolou de Tecnologia?
5 fundamentos para arquitetura front-end moderna - sempre que falamos de arquitetura podemos pensar na construção do backend de um projeto, contudo, um front-end bem estruturado traz inúmeros benefícios para projeto. Nesse artigo é apresentado 5 fundamentos que irão te auxiliar a construir um front-end moderno.
Dominando a dívida técnica: um guia para desenvolvedores - talvez a pergunta de 1 milhão de dólares, como dominar dívida técnica? Esse artigo pode estar respondendo ou trazendo idéias para você conquistar essa skill de dominador de dívida técnica!
Encontrando a inspiração para construir - alguns momentos com a preocupação dia-a-dia sobre emprego, saúde, família, nossa inspiração pode sumir um pouco. Neste texto bem interessante é apresentado técnicas e pensamentos que te auxilie a sempre encontrar inspiração.
E Qualidade de Software, como está?
Crie seu assistente de IA para automação de testes – de graça - IA é a grande tendência desse ano e dos demais rsrs, conhecer como aplicar e criar alguns tipos de IA é muito importante para a carreira, assim, nesse texto é abordado como criar uma IA assistente, tutorial breve e muito legal de se criar.
Número de Devs VS Número de QAs: Por que considero que é uma medida ineficaz? - todos nós paramos para pensar nessa diferença da participação de um QA dentre um time em relação aos devs. Nesse texto é apresentado maneiras e métricas que podemos aplicar para encontrar o número perfeito entre Devs e QAs.
Exemplos de princípios SOLID em automação de testes - muito das vezes pensamos que os princípios SOLID só podem ser aplicados em desenvolvimento de software, não é bem assim, nesse artigo apresenta técnicas do SOLID que podem ser aplicados em automação de testes.
Eventos Importantes não perca!
DevOps Descomplicado: Construindo Pontes entre Desenvolvimento e Operações para Iniciantes - Evento Online.
Data: 04/04
Inscrições abertas
Vejo vocês na próxima newsletter 😁🚀!
“A maioria das pessoas está tão absorta na contemplação do mundo exterior que está totalmente alheia ao que está acontecendo em si.” – Nikola Tesla