Install jest, prettier and jest-runner-prettier
yarn add --dev jest prettier jest-runner-prettier
# or with NPM
npm install --save-dev jest prettier jest-runner-prettierThis package includes a Jest preset which configures Jest to run Prettier on all files supported by Prettier. To use it set the following in your package.json:
{
"jest": {
"preset": "jest-runner-prettier"
}
}or jest.config.js:
module.exports = {
preset: "jest-runner-prettier",
};In your package.json
{
"jest": {
"runner": "prettier",
"moduleFileExtensions": [
"js",
"mjs",
"jsx",
"vue",
"ts",
"tsx",
"css",
"less",
"scss",
"html",
"json",
"graphql",
"md",
"markdown",
"mdx",
"yaml",
"yml"
],
"testMatch": [
"**/*.js",
"**/*.mjs",
"**/*.jsx",
"**/*.vue",
"**/*.ts",
"**/*.tsx",
"**/*.css",
"**/*.less",
"**/*.scss",
"**/*.html",
"**/*.json",
"**/*.graphql",
"**/*.md",
"**/*.markdown",
"**/*.mdx",
"**/*.yaml",
"**/*.yml"
]
}
}Or in jest.config.js
module.exports = {
runner: "prettier",
moduleFileExtensions: [
"js",
"mjs",
"jsx",
"vue",
"ts",
"tsx",
"css",
"less",
"scss",
"html",
"json",
"graphql",
"md",
"markdown",
"mdx",
"yaml",
"yml",
],
testMatch: [
"**/*.js",
"**/*.mjs",
"**/*.jsx",
"**/*.vue",
"**/*.ts",
"**/*.tsx",
"**/*.css",
"**/*.less",
"**/*.scss",
"**/*.html",
"**/*.json",
"**/*.graphql",
"**/*.md",
"**/*.markdown",
"**/*.mdx",
"**/*.yaml",
"**/*.yml",
],
};npx jest
# or, with yarn
yarn jestCopyright Kepler Sticka-Jones 2017-2022. Licensed MIT.