Research
Security News
Quasar RAT Disguised as an npm Package for Detecting Vulnerabilities in Ethereum Smart Contracts
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
TestCafe is an end-to-end testing framework for web applications. It allows you to write tests in JavaScript or TypeScript, run them across multiple browsers, and provides a rich set of features for automating user interactions and verifying application behavior.
Cross-browser Testing
TestCafe allows you to run tests across multiple browsers simultaneously. This code sample demonstrates how to set up TestCafe to run tests in both Chrome and Firefox.
const createTestCafe = require('testcafe');
let testcafe = null;
createTestCafe('localhost', 1337, 1338)
.then(tc => {
testcafe = tc;
const runner = testcafe.createRunner();
return runner
.src('tests/test.js')
.browsers(['chrome', 'firefox'])
.run();
})
.then(failedCount => {
console.log('Tests failed: ' + failedCount);
testcafe.close();
});
Assertions
TestCafe provides a rich set of assertions to verify the state of your application. This code sample demonstrates how to use assertions to check that the text of an element matches the expected value.
import { Selector } from 'testcafe';
fixture `Getting Started`
.page `http://devexpress.github.io/testcafe/example`;
const developerNameInput = Selector('#developer-name');
const submitButton = Selector('#submit-button');
const articleHeader = Selector('#article-header');
test('My first test', async t => {
await t
.typeText(developerNameInput, 'John Smith')
.click(submitButton)
.expect(articleHeader.innerText).eql('Thank you, John Smith!');
});
Screenshots and Video Recording
TestCafe allows you to take screenshots and record videos of your tests. This code sample demonstrates how to take a screenshot after performing some actions.
import { Selector } from 'testcafe';
fixture `Screenshot and Video`
.page `http://devexpress.github.io/testcafe/example`;
const developerNameInput = Selector('#developer-name');
const submitButton = Selector('#submit-button');
test('Take a screenshot', async t => {
await t
.typeText(developerNameInput, 'John Smith')
.click(submitButton)
.takeScreenshot();
});
Parallel Test Execution
TestCafe supports parallel test execution to speed up the testing process. This code sample demonstrates how to run tests in parallel with a concurrency factor of 3.
const createTestCafe = require('testcafe');
let testcafe = null;
createTestCafe('localhost', 1337, 1338)
.then(tc => {
testcafe = tc;
const runner = testcafe.createRunner();
return runner
.src('tests/test.js')
.browsers(['chrome', 'firefox'])
.concurrency(3)
.run();
})
.then(failedCount => {
console.log('Tests failed: ' + failedCount);
testcafe.close();
});
Cypress is a front-end testing tool built for the modern web. It offers a rich, interactive UI and a powerful API for writing tests. Compared to TestCafe, Cypress provides a more interactive debugging experience but is limited to running tests in Chrome and Electron.
Selenium WebDriver is a widely-used tool for automating web browsers. It supports multiple programming languages and browsers. Compared to TestCafe, Selenium WebDriver offers more flexibility and control but requires more setup and configuration.
Puppeteer is a Node library that provides a high-level API to control Chrome or Chromium over the DevTools Protocol. It is great for automating browser tasks and scraping. Compared to TestCafe, Puppeteer is more low-level and requires more boilerplate code for writing tests.
http://devexpress.github.io/testcafe
Automated browser testing for modern web development stack.
TestCafe is a simple and powerful framework for testing web sites and apps. It allows you to easily create, maintain and execute automated web tests across browsers, operating systems and devices.
Tests | Status |
---|---|
All | |
Client |
All you need is to have Node.js with npm installed and call a single command.
npm install --save-dev testcafe
No browsers plugins to install, no binary compilation post-install steps.
TestCafe covers all testing phases: starting browsers, running tests and gathering results. You configure test run and start execution either via the API or from a command shell simply by running a single command
testcafe safari tests/
TestCafe aggregates test results from different browsers and outputs them into one comprehensive report.
You can write TestCafe tests in ES2016 using all latest JavaScript features like async/await
.
TestCafe introduces simple, but powerful test API. It offers a couple of dozen methods covering user actions. Chained syntax produces code that is easy to write and read. Furthermore, you are free to use any assertion library to perform verifications of different kinds.
import { expect } from 'chai';
fixture `My Fixture`
.page('http://devexpress.github.io/testcafe/example');
test('My Test', async t => {
await t
.click('#send-button')
.handleAlert()
.typeText('#input', 'Peter Parker')
.wait(1000);
expect(await t.eval(() => getSomethingOnTheClient())).to.be.true;
});
TestCafe will compile your test code on-flight and run it immediately. It also ships with built-in support for source maps to leverage debugging experience. Source maps are automatically enabled, so all you need to do is start a debugging session in an IDE that supports them.
TestCafe is capable of executing code on the client side thus giving you direct access to DOM elements on the page and empowering you to obtain required data from the client.
Simply write JavaScript code within the ClientFunction
or Selector
function.
These functions are called from a test as regular async functions. So, you can pass parameters to them and return values.
import { Selector } from 'testcafe';
const getElementById = Selector(id => document.querySelector(`#${id}`));
fixture `My Fixture`
.page('http://devexpress.github.io/testcafe/example');
test('My Test', async t => {
await t
.typeText('#developer-name', 'John Smith')
.click('#submit-button');
const articleHeader = await getElementById('article-header');
const headerText = articleHeader.innerText;
});
TestCafe automatically generates full-detailed reports providing a test run summary and comprehensive information about errors. Fancy call sites, clean stacks and screenshots help you easily detect an error cause.
Choose from five built-in reporters to output test results or create custom reporter plugins to produce your own reports.
Take advantage of automatic test execution through integration of TestCafe with popular Continuous Integration platforms. TestCafe's browser provider mechanism makes it simple to set up testing in various browsers: local, remote, Sauce Labs or PhantomJS. You can also create your own browser provider plugin that will suit your platform and needs.
Make sure that Node.js and npm are installed on your computer, then run a single command:
npm install --g testcafe
For more information, see Installing TestCafe.
To create a test, create a new .js file anywhere on your computer. This file must have the special structure: tests must be organized into fixtures. So, first you need to declare a fixture by using the fixture function.
fixture `Getting Started`
In this tutorial, you will create a test for the http://devexpress.github.io/testcafe/example sample page. Specify this page as a start page for the fixture by using the page function.
fixture `Getting Started`
.page('http://devexpress.github.io/testcafe/example');
Then create the test function where place test code. The test will type a developer name into a text editor, click the Submit button and check a header text on the resulting page.
import { expect } from 'chai';
fixture `Getting Started`
.page('http://devexpress.github.io/testcafe/example');
test('My first test', async t => {
await t
.typeText('#developer-name', 'John Smith')
.click('#submit-button');
expect((await t.select('#article-header')).innerText).to.equal('Thank you, John Smith!');
});
You can simply run the test from a command shell, by calling a single command where you specify the target browser and file path.
testcafe safari test1.js
TestCafe will automatically open the chosen browser and start the test execution within it.
For more information on how to configure the test run, see Command Line Interface.
While the test is running, TestCafe is gathering information about the test run and outputing the report right into a command shell.
For more information, see Reporters.
Please use our issues page to report a bug or request a feature.
For general purpose questions and discussions, use the discussion board.
For more information on how to help us improve TestCafe, please see the CONTRIBUTING.md file.
Developer Express Inc. (https://devexpress.com)
FAQs
Automated browser testing for the modern web development stack.
The npm package testcafe receives a total of 155,414 weekly downloads. As such, testcafe popularity was classified as popular.
We found that testcafe demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 6 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
Security News
Research
A supply chain attack on Rspack's npm packages injected cryptomining malware, potentially impacting thousands of developers.
Research
Security News
Socket researchers discovered a malware campaign on npm delivering the Skuld infostealer via typosquatted packages, exposing sensitive data.