ReactJS

Para testar efetivamente os componentes do React, nós podemos combinar o Poku com a sua ferramenta de web scraping preferida.

Para esse exemplo, vamos criar um app simples com Vite React e, em seguida, navegar nele usando o Puppeteer para interagir com a página:

npm create vite@latest meu-projeto -- --template react

Irá criar um app Vite React padrão no diretório meu-projeto.

Etapas de teste:

• ✅ Inicie o script dev do arquivo meu-projeto/package.json em segundo plano
• ✅ Verifique se o contador inicial é zero
• ✅ Clique no botão para incrementar o contador
• ✅ Verifique o valor atualizado do contador
• ✅ Feche o processo em segundo plano

import { assert, startScript } from 'poku';
import puppeteer from 'puppeteer';

const server = await startScript('dev', {
  cwd: 'meu-projeto',
});

const API = 'http://localhost:5173';

const browser = await puppeteer.launch();
const page = await browser.newPage();

await page.goto(API);

const button = await page.waitForSelector('button');

assert.strictEqual(
  await button.evaluate((e) => e.textContent),
  'O contador é 0',
  'O contador inicial precisa ser 0'
);

await button.click();

assert.strictEqual(
  await button.evaluate((e) => e.textContent),
  'O contador é 1',
  'Após o clique, precisa ser 1'
);

await browser.close();
server.end();