cypress-select-typescriptonly-tests

User space solution for picking Cypress typescript tests to run

Usage no npm install needed!

<script type="module">
  import cypressSelectTypescriptonlyTests from 'https://cdn.skypack.dev/cypress-select-typescriptonly-tests';
</script>

README

cypress-select-typescript-tests

User space solution for picking Cypress tests to run

Install

Assuming Cypress has been installed:

npm install --save-dev cypress-select-typescript-tests

Warning ⚠️ (changes in this fork)

  • this package assumes JavaScript or Typescript specs and as such, includes typescript as a dependency. If you just use javascript, use the original package
  • this package might conflict and/or overwrite other Cypress Browserify preprocessor settings
  • this package prevents "pending" steps by replacing the with ";" instead of skipping.

If you wish to filter out spec files that will have no matches in them so they won't pollute your reports, you can run the precypress and it will read your cypress.json along with any command line --env and write out a new file called cypress-grep.json. If you use --config-file=./cypress-grep.json then this will give Cypress a list of tests to run and pass your environment settings through.

You have another option if you use precypress in that you can use another environment flag called grep-filter which if included will do an filename.includes(filter) on each file in cypress/integration. If for example you only wish to include _spec.ts files, then use --env grep-filter=_spec.ts

Mocha-like selection

Mocha has --fgrep, --grep and --invert CLI arguments to select spec files and tests to run. This package provides imitation using strings. In your cypress/plugins/index.js use:

const selectTestsWithGrep = require('cypress-select-typescript-tests/grep')
module.exports = (on, config) => {
  on('file:preprocessor', selectTestsWithGrep(config))
}

Then open or run Cypress and use environment variables to pass strings to find. There are various ways to pass environment variables, here is via CLI arguments:

 ## run tests with "works" in their full titles
 $ npx cypress open --env grep=works
 ## runs only specs with "foo" in their filename
 $ npx cypress run --env fgrep=foo
 ## runs only tests with "works" from specs with "foo"
 $ npx cypress run --env fgrep=foo,grep=works
 ## runs tests with "feature A" in the title
 $ npx cypress run --env grep='feature A'
 ## runs only specs NOT with "foo" in their filename
 $ npx cypress run --env fgrep=foo,invert=true
 ## runs tests NOT with "feature A" in the title
 $ npx cypress run --env grep='feature A',invert=true

The test picking function is available by itself in src/grep-pick-tests.js file.

Write your own selection logic

In your cypress/plugins/index.js use this module as a file preprocessor and write your own pickTests function.

const selectTests = require('cypress-select-typescript-tests')

// return test names you want to run
const pickTests = (filename, foundTests, cypressConfig) => {
  // found tests will be names of the tests found in "filename" spec
  // it is a list of names, each name an Array of strings
  // ['suite 1', 'suite 2', ..., 'test name']

  // return [] to skip ALL tests
  // OR
  // let's only run tests with "does" in the title
  return foundTests.filter(fullTestName => fullTestName.join(' ').includes('does'))
}

module.exports = (on, config) => {
  on('file:preprocessor', selectTests(config, pickTests))
}

Using pickTests allows you to implement your own test selection logic. All tests filtered out will be shown / counted as pending.

Combine custom browserify with grep picker

If you are adjusting Browserify options, and would like to use the above Mocha-like grep test picker, see test/plugin-browserify-with-grep.js file. In essence, you want add the grep transform to the list of Browserify plugins. Something like

const browserify = require('@cypress/browserify-preprocessor')
// utility function to process source in browserify
const itify = require('cypress-select-typescript-tests/src/itify')
// actual picking tests based on environment variables in the config file
const { grepPickTests } = require('cypress-select-typescript-tests/src/grep-pick-tests')

module.exports = (on, config) => {
  let customBrowserify

  // get the browserify options, then push another transform
  options.browserifyOptions.transform.push(itify(config, grepPickTests))
  customBrowserify = browserify(options)

  on('file:preprocessor', file => customBrowserify(file))
}

Debugging

To see additional debugging output run

DEBUG=cypress-select-tests npx cypress open

Small print

Author: Gleb Bahmutov <gleb.bahmutov@gmail.com> © 2019

License: MIT - do anything with the code, but don't blame me if it does not work.

Support: if you find any problems with this module, email / tweet / open issue on Github

MIT License

Copyright (c) 2019 Gleb Bahmutov <gleb.bahmutov@gmail.com>

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.