applitools / example-playwright-typescript

Applitools Example: Playwright in TypeScript

Applitools Example: Playwright in TypeScript

This is the example project for the Playwright TypeScript tutorial. It shows how to start automating visual tests with Applitools Eyes and Playwright in TypeScript.

It uses:

• TypeScript as the programming language
• Playwright for browser automation
• Playwright Test as the core test framework
• Chromium as the local browser for testing
• npm for dependency management
• Applitools Eyes for visual testing

It can also run tests with:

• Applitools Ultrafast Grid for cross-browser execution

To run this example project, you'll need:

1. An Applitools account, which you can register for free
2. A recent version of Node.js
3. A good TypeScript editor like Visual Studio Code

To install dependencies and set up Playwright, run:

npm install
npx playwright install

The main test case spec is acme-bank.spec.ts. By default, the project will run tests with Ultrafast Grid. You can change this setting in the test spec.

To execute tests, set the APPLITOOLS_API_KEY environment variable to your account's API key, and then run:

npm test

For full instructions on running this project, take our Playwright TypeScript tutorial!

example-playwright-typescript's Issues

Problem to run the ts example

Hello Pandy,

I'm totally new to Playwright/Applitools/VSCode. So I stared with the provided example on the Applitools page (https://applitools.com/tutorials/quickstart/web/playwright/typescript).

I did everything like it was written (In my opinion it could be written more for dummies like, probably a dev would it done faster), but I did got an error while running the example. So I asked a dev for help, and he advised my to add a line of code to the config file in line 16, like "testMatch:'*spec.ts'," . With that line of code the example did run without errors.

https://github.com/applitools/example-playwright-typescript-ufg/blob/99df4fe74a16adec42c838fe22afee2868e76617/playwright.config.ts#L15

Best wishes.
David