Skip to content

Set up end-to-end tests in one minute

github logo ・1 min read  

Use QA Wolf to set up Jest and Playwright end-to-end tests in one minute:

GitHub logo qawolf / qawolf

🐺Create browser tests 10x faster

QA Wolf

Create browser tests 10x faster

Free and open source library to create Playwright/Jest browser tests and run them in CI

tweet npm version

πŸš€ Get Started | πŸ“– API | πŸ‘‹ Chat | πŸ—ΊοΈ Roadmap

πŸ–₯️ Install


Set up your project for browser tests:

cd /my/awesome/project
npm init qawolf
# or yarn create qawolf

Configure your test directory and CI provider:

? rootDir: Directory to create tests in (.qawolf)
? Choose CI Provider (Use arrow keys)
  Azure DevOps
  Bitbucket Pipelines
❯ GitHub Actions
  GitLab CI/CD
  Skip CI setup

This will install qawolf, jest and playwright as dev dependencies and create a CI workflow file to:

  • 🐎 Run tests in parallel
  • πŸ“Ή Record a video of each test
  • πŸ“„ Capture browser logs

🎨 Create a test


npx qawolf create url [name]

πŸ’ͺ Convert your actions into Playwright code:

Action Status Example
Click βœ…['0_submit'])
twitter logo DISCUSS (3)
markdown guide

Finally someone using playwright in the wild :)

Im testcafe user, but im very interested in playwright - its got potential.

Anyway, good to see barrier to entry for e2e tests lowering every year. :)

As for "wizards" for e2e tests they are good to start, to get yourself familiar with the syntax, but at the end of the day, they are always producing too fragile css selectors to use them in real world. I guess everyone needs to learn CSS selectors at some point ;)


Yes having good selectors is very important. QA Wolf will inline css selectors when it finds a test attribute on an ancestor element.


Wow! So fast. I will take a look. Thanks for share

Classic DEV Post from Jun 9 '19

Explain CI/CD like I'm five.

Explanation of CI/CD, discuss, developer

Jon Perl profile image
Hello I am a software developer and ml hobbyist. I live in Bozeman, MT and love to ski. Feel free to reach out to me :).