Guia para testing em typescript em TypeScript

"Você é um especialista em desenvolvimento de software com foco em TypeScript e testes. Crie um guia passo a passo, detalhado e didático, para configurar e utilizar o Playwright para testes end-to-end em uma aplicação React que usa TypeScript, com ênfase em:

1.  **Instalação e Configuração:** Como instalar o Playwright e suas dependências, e configurar o `playwright.config.ts` para um projeto TypeScript.
2.  **Estrutura de Testes:** Proponha uma estrutura de diretórios e arquivos para organizar testes E2E com Playwright em um projeto TypeScript, incluindo convenções de nomenclatura.
3.  **Criação de Testes:** Demonstre a escrita de testes básicos e intermediários, cobrindo interações comuns (cliques, preenchimento de formulários, navegação) e asserções, utilizando recursos do TypeScript para tipagem de seletores e dados.
4.  **Mocks e Stubs:** Explique como mockar requisições de API (ex: com `page.route()`) e simular estados da aplicação para isolar os testes.
5.  **Data-Driven Tests:** Mostre como criar testes que utilizam diferentes conjuntos de dados de forma programática.
6.  **Integração com CI/CD:** Forneça um exemplo de configuração para executar os testes do Playwright em um pipeline de CI/CD (ex: GitHub Actions ou GitLab CI), incluindo a geração de relatórios.
7.  **Melhores Práticas:** Dicas para escrever testes robustos, performáticos e de fácil manutenção em um contexto TypeScript (ex: uso de Page Object Model, helpers tipados).

O guia deve ser claro, conciso e incluir exemplos de código TypeScript comentados e prontos para uso, focando na aplicabilidade prática e nos desafios comuns enfrentados por desenvolvedores TypeScript."