This repository contains sample test files that help you learn how to use TestCafe.
Here you will find examples that demonstrate the basic usage, advanced features, edge cases, as well as tips and tricks.
-
Clone this repository:
git clone https://github.com/DevExpress/testcafe-examples.git
-
Go to the project's root directory:
cd testcafe-examples -
Install the dependencies:
npm install
Use the npm test script to run all tests in Chrome and Firefox.
npm testYou can use TestCafe CLI options to specify different target browsers or run tests from a specific directory.
To run tests in Chrome only, execute the following command:
npx testcafe chrome examplesThe following command runs the examples from the client-scripts directory:
npx testcafe chrome examples/client-scriptsSee Command Line Interface for more information.
We are in the process of adding more examples to this repository.
The repository includes the following examples:
- Change Element's Style
- Check the Downloaded File Name and Content
- Check Whether Web Page Is Opened With TestCafe
- Inject Custom Client Scripts
- Create Data-Driven Tests
- Access Element Properties
- Extract Reused Code to Helper Functions
- Find Element By Trimmed Text
- Import Third-Party Modules
- Iterate Over a List of Elements
- Iterate Over Table Rows
- Mock Date
- Mock Geolocation API
- Page Manipulation
- Pass Parameters to Tests
- Scroll Elements Into View
- Select a Table Row by Cell Content
- Submit a Form
- Test <select> Elements
- Select Files To Upload
- Use Page Model
- Use XPath Selectors
- Wait Until an Element Property Has a Specific Value
- Wait For File Download
- Set a Custom Referrer
- Check If an Image Has Loaded
- Simulate the Web Page Losing Focus
Below are the examples that run in Chrome or Firefox only or require additional launch arguments. You should launch these examples separately.