QA Wolf logo

QA Wolf

Star

2.5k

Create a Test

QA Wolf helps you create tests on your web application. As you use your site, your actions are converted to Playwright test code.

In this tutorial, we'll create a test on TodoMVC.

Open Editor

If you haven't already, sign up for QA Wolf.

If you just signed up, you will automatically be redirected to the test editor.

Otherwise, click the Create test button on the dashboard.

Create test button

Create a Test

Enter the URL you want to test in the input below your QA Wolf.

Enter URL

Note: If you want to test a local URL like localhost:3000, you need to use our local runner. Chat with us and we'll help you get set up.

After the page loads, go through the workflow you want to test in the browser. In our example, we 1) created a todo item, 2) completed it, and 3) cleared completed todos.

Create a test in the browser

As you use your site, your actions are converted to Playwright test code. You can edit this code as you like, and you have full access to the Playwright API.

Run a Test

Now that we have our test, let's run it by clicking the "Run" button. As your test runs, the current line of code is indicated by 🐺. ✅ appears next to passing lines and ❌ appears next to failing lines.

Run tests

You can view the logs from your test by clicking the "Logs" option next to "Code" above the code editor.

View logs

Conclusion

Congratulations - you've created your first test with QA Wolf! 🎉