https://github.com/codeceptjs/configure
A set of config hooks which simplify configuration of CodeceptJS
https://github.com/codeceptjs/configure
Last synced: 2 months ago
JSON representation
A set of config hooks which simplify configuration of CodeceptJS
- Host: GitHub
- URL: https://github.com/codeceptjs/configure
- Owner: codeceptjs
- License: mit
- Created: 2019-09-24T22:37:32.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2025-06-26T13:25:29.000Z (6 months ago)
- Last Synced: 2025-09-23T00:30:23.137Z (3 months ago)
- Language: JavaScript
- Homepage:
- Size: 387 KB
- Stars: 7
- Watchers: 4
- Forks: 12
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
## CodeceptJS Configuration Hooks [](https://travis-ci.org/codeceptjs/configure)
Configuration hook helps you update CodeceptJS configuration at ease.
Those hooks are expected to simplify configuration for common use cases.
**Requires CodeceptJS >= 2.3.3**
## Install it
```
npm i @codeceptjs/configure --save
```
## How to use it
Better to see once.
**Watch [YouTube video](https://www.youtube.com/watch?v=onBnfo_rJa4)**
### setHeadlessWhen
Toggle headless mode for Puppeteer, WebDriver, TestCafe and Playwright on condition.
Usage:
```js
// in codecept.conf.js
const { setHeadlessWhen } = require('@codeceptjs/configure');
// enable headless when env var HEADLESS exists
// Use it like:
//
// export HEADLESS=true && npx codeceptjs run
setHeadlessWhen(process.env.HEADLESS);
exports.config = {
helpers: {
// standard config goes here
WebDriver: {}
// or Puppeteer
// or TestCafe
}
}
```
* For Puppeteer, TestCafe, Playwright: it enables `show: true`.
* For WebDriver with Chrome or Firefox browser: it adds `--headless` option to chrome/firefox options inside `desiredCapabilities`.
### setHeadedWhen
Opposite to [setHeadlessWhen](#setHeadlessWhen). Forces window mode for running tests.
```js
// in codecept.conf.js
const { setHeadlessWhen } = require('@codeceptjs/configure');
// enable window mode when env var DEV exists
// Use it like:
//
// export DEV=true && npx codeceptjs run
setHeadedWhen(process.env.DEV);
```
### setCommonPlugins
Enables CodeceptJS plugins which are recommened for common usage.
The list of plugins can be updated from version to version so this hook ensures that all of them are loaded and you won't need to update them in a config:
```js
// in codecept.conf.js
const { setCommonPlugins } = require('@codeceptjs/configure');
setCommonPlugins();
```
These plugins will be loaded:
* tryTo (enabled globally)
* retryFailedStep (enabled globally)
* retryTo (enabled globally)
* eachElement (enabled globally)
* pauseOnFail (disabled, should be turned on when needed)
* screenshotOnFail (enable globally)
### setSharedCookies
Shares cookies between browser and REST/GraphQL helpers.
This hooks sets `onRequest` function for REST, GraphQL, ApiDataFactory, GraphQLDataFactory.
This function obtains cookies from an active session in WebDriver or Puppeteer helpers.
```js
// in codecept.conf.js
const { setSharedCookies } = require('@codeceptjs/configure');
// share cookies between browser helpers and REST/GraphQL
setSharedCookies();
exports.config = {
helpers: {
WebDriver: {
// standard config goes here
},
// or Puppeteer
// or TestCafe,
REST: {
// standard config goes here
// onRequest: <= will be set by hook
},
ApiDataFactory: {
// standard config goes here
// onRequest: <= will be set by hook
}
}
}
```
### setBrowser
Changes browser in config for Playwright, Puppeteer, WebDriver & TestCafe:
```js
const { setBrowser } = require('@codeceptjs/configure');
setBrowser(process.env.BROWSER);
```
### setWindowSize
Universal way to set a browser window size. For Puppeteer this launches Chrome browser with a specified width and height dimensions without changing viewport size.
Usage: `setWindowSize(width, height)`.
```js
// in codecept.conf.js
const { setWindowSize } = require('@codeceptjs/configure');
setWindowSize(1600, 1200);
exports.config = {
helpers: {
Puppeteer: {}
}
}
```
### setTestHost
Changes url in config for Playwright, Puppeteer, WebDriver & TestCafe:
```js
const { setTestHost } = require('@codeceptjs/configure');
setTestHost(process.env.TEST_HOST);
```
## Contributing
Please send your config hooks!
If you feel that `codecept.conf.js` becomes too complicated, and you know how to make it simpler,
send a pull request with a config hook to solve your case.
Good ideas for config hooks:
* Setting the same window size for all browser helpers.
* Configuring `run-multiple`
* Changing browser in WebDriver or Protractor depending on environment variable.
To create a custom hook follow this rules.
1. Create a file starting with prefix `use` in `hooks` directory.
2. Create a js module that exports a function.
3. Require `config` object from `codeceptjs` package.
4. Use `config.addHook((config) => {})` to set a hook for configuration
5. Add a test to `index.test.js`
6. Run `npm run test`
See current hooks as examples.