GitHub Copilot Prompt for Creating E2E Tests
End-to-end (E2E) tests are essential for validating the overall functionality of an application, but writing them is often time-consuming and repetitive. GitHub Copilot, integrated directly into your code editor, can significantly speed up this process by generating comprehensive test scenarios from natural language descriptions. Whether you use Playwright, Cypress, or Selenium, Copilot understands the context of your project—components, routes, selectors—to produce realistic and maintainable tests. The challenge is to craft prompts precise enough to obtain tests that cover critical user journeys, handle wait states and assertions robustly, while respecting your testing framework's best practices. In this guide, you will find an optimized main prompt as well as variants adapted to your experience level to get the most out of GitHub Copilot in creating your E2E tests.
Paste in your AI
Paste this prompt in ChatGPT, Claude or Gemini and customize the variables in brackets.
Generate an end-to-end test suite with Playwright in TypeScript for the following user journey: [DESCRIBE_JOURNEY, e.g., registration, login, add to cart, checkout]. For each step of the journey, create an independent test within a describe block. Use the following best practices: accessible selectors (getByRole, getByText, getByTestId), explicit expectations with expect and toBeVisible/toHaveText, handling loading states with waitForLoadState, fixtures for reusable authentication, and the Page Object Model pattern to encapsulate interactions with each page. Add assertions on URLs, displayed content, and visual states. Include a playwright.config.ts configuration file with baseURL, retries, and HTML reporter. Comment each section to explain the test logic.
Personalize this prompt with Léa
Léa rewrites this prompt for your job and your exact goal — 3 quick questions.
Why this prompt works
This prompt works because it specifies the framework (Playwright), language (TypeScript), and concrete user journey, eliminating ambiguity for Copilot. It imposes precise architectural patterns like the Page Object Model and accessible selectors, guiding generation toward maintainable code. Finally, it explicitly requests configuration, assertions, and comments, resulting in a complete, ready-to-run deliverable.
Use Cases
Variants
Expected Output
Copilot generates a structured E2E test suite with a Playwright configuration file, Page Object classes for each page in the journey, and tests organized by describe/test covering each step. Each test includes robust selectors, explicit assertions on the DOM and URLs, and handling of asynchronous states. The code is commented and directly executable with npx playwright test.
Frequently Asked Questions
How does GitHub Copilot handle dynamic selectors in E2E tests?
Copilot analyzes your project context to suggest the most stable selectors. If you have data-testid attributes in your source code, it will automatically prioritize them. For best results, specify the desired selector type (getByRole, getByTestId, getByText) in your prompt, and Copilot will comply. Avoid fragile CSS class-based selectors by explicitly mentioning this in your instruction.
Can Copilot generate E2E tests for Cypress or Selenium in addition to Playwright?
Yes, GitHub Copilot supports all major E2E testing frameworks. Simply replace 'Playwright' with 'Cypress' or 'Selenium WebDriver' in your prompt. Copilot will automatically adapt the syntax: cy.visit() and cy.get() for Cypress, driver.findElement() and driver.get() for Selenium. For best results, open an existing test file from the target framework before writing your prompt so Copilot can capture the context.
How do I integrate Copilot-generated E2E tests into a CI/CD pipeline?
Copilot-generated tests are directly compatible with CI/CD pipelines. In your prompt, ask to include the CI configuration (GitHub Actions, GitLab CI) alongside the tests. Copilot can generate a complete YAML workflow with dependency installation, a development server startup, test execution with retries, and report and artifact publishing (screenshots, traces). Be sure to request environment variable handling via CI secrets for credentials.
Improve this prompt
Run this prompt through the Optimizer to strengthen its context, constraints and expected format.
Improve this prompt with the OptimizerComments
- LéaAI
Pour des tests plus robustes, précisez vos data-testid dans le prompt et demandez à Copilot de les utiliser systématiquement. Pensez aussi à spécifier les fixtures d'authentification (ex. storageState) pour éviter les logins répétés. Enfin, générez le prompt par parcours, pas en bloc : Copilot sera plus précis.
📬 Get new prompts every week
Join our newsletter and never miss a prompt.
Go further
Similar Prompts
Implement CSP with nonces
Prevent XSS with strict CSP
Mistral Prompt for Creating a Prototype
Mistral, the leading French AI model, stands out as a powerful tool for accelerating prototype creation. Whether you're developing a web application, an API, or a digital product, Mistral can generate functional code, structure your architecture, and produce a testable prototype in minutes. Unlike a traditional approach where prototyping requires several days of development, using Mistral allows you to quickly validate an idea by obtaining a complete functional skeleton. The model particularly excels at generating structured code, proposing coherent architectures, and creating basic but functional user interfaces. By crafting a precise prompt that describes your product vision, key features, and technical constraints, you get a prototype that serves as a solid foundation for iteration. This approach is especially popular with startups, product managers, and independent developers looking to test a market hypothesis without investing weeks of development. Here's how to leverage Mistral to turn your idea into a concrete prototype.
DALL-E Prompt to Generate JavaScript Code
DALL-E, the image generation model developed by OpenAI, is not designed to produce executable JavaScript code. However, it can play a valuable complementary role in a JavaScript developer's workflow. DALL-E excels at creating visuals related to development: user interface mockups, architecture diagrams, data flow schemas, or illustrations to document your code. By crafting precise prompts, you can obtain visual representations of complex JavaScript concepts like closures, the event loop, or design patterns. These visuals then serve as references for implementing your code, creating attractive technical documentation, or designing educational materials. The approach is to use DALL-E as a rapid visual prototyping tool: generate a UI mockup, then translate it into JavaScript components. This method accelerates the design phase and reduces back-and-forth between designers and developers. In this guide, we offer optimized prompts to get the most out of DALL-E in your JavaScript development process, from UI prototyping to visual documentation of your code.
Create a High-Performance Scalable Redis Cache System
A complete prompt to design and implement a Redis cache system with invalidation strategies, error handling and monitoring.