項(xiàng)目 vue3 + quasar + jest
jest 依賴包：?
1. "@testing-library/vue": "^8.1.0",
2. "@types/jest": "^29.5.12",
3. "jest": "^29.5.0",
4. "jest-environment-jsdom": "^29.7.0",
5. "jest-junit": "^16.0.0",
6. "jest-transform-stub": "^2.0.0",
7. "ts-jest": "^29.2.4"
8. "majestic": "^1.8.1",
我的配置文件參考
/**
* For a detailed explanation regarding each configuration property, visit:
* https://jestjs.io/docs/configuration
*/
/** @type {import('jest').Config} */
const config = {
? globals: {
? ? __DEV__: true,
? ? // TODO: Remove if resolved natively
? ? // See https://github.com/vuejs/@vue/vue3-jest/issues/175
? ? // '@vue/vue3-jest': {
? ? //? pug: { doctype: 'html' }
? ? // },
? ? // Remove if using `const enums`
? ? // See https://huafu.github.io/ts-jest/user/config/isolatedModules#example
? },
? // noStackTrace: true,
? bail: 0,
? // All imported modules in your tests should be mocked automatically
? // automock: false,
? // Stop running tests after `n` failures
? // bail: 0,
? // The directory where Jest should store its cached dependency information
? // cacheDirectory: "/private/var/folders/kn/s3nhkwrn229c78lsmwvlhps80000gn/T/jest_dx",
? // Automatically clear mock calls, instances, contexts and results before every test
? // clearMocks: true,
? // Indicates whether the coverage information should be collected while executing the test
? collectCoverage: false,
? // An array of glob patterns indicating a set of files for which coverage information should be collected
? // collectCoverageFrom: undefined,
? collectCoverageFrom: ['src/pages/**/*.{js,jsx,ts,tsx,vue}'],
? // The directory where Jest should output its coverage files
? coverageDirectory: 'coverage',
? // An array of regexp pattern strings used to skip coverage collection
? coveragePathIgnorePatterns: ['/node_modules/', '.d.ts$'],
? // Indicates which provider should be used to instrument code for coverage
? coverageProvider: 'babel',
? // A list of reporter names that Jest uses when writing coverage reports
? coverageReporters: ['json', 'text', 'lcov', 'clover'],
? // An object that configures minimum threshold enforcement for coverage results
? // coverageThreshold: undefined,
? // A path to a custom dependency extractor
? // dependencyExtractor: undefined,
? // Make calling deprecated APIs throw helpful error messages
? // errorOnDeprecated: false,
? // The default configuration for fake timers
? // fakeTimers: {
? //? "enableGlobally": false
? // },
? // Force coverage collection from ignored files using an array of glob patterns
? // forceCoverageMatch: [],
? // A path to a module which exports an async function that is triggered once before all test suites
? // globalSetup: undefined,
? // A path to a module which exports an async function that is triggered once after all test suites
? // globalTeardown: undefined,
? // A set of global variables that need to be available in all test environments
? // globals: {},
? // The maximum amount of workers used to run your tests. Can be specified as % or a number. E.g. maxWorkers: 10% will use 10% of your CPU amount + 1 as the maximum worker number. maxWorkers: 2 will use a maximum of 2 workers.
? // maxWorkers: "50%",
? // An array of directory names to be searched recursively up from the requiring module's location
? moduleDirectories: ['node_modules'],
? // An array of file extensions your modules use
? moduleFileExtensions: [
? ? 'js',
? ? 'mjs',
? ? 'cjs',
? ? 'jsx',
? ? 'ts',
? ? 'tsx',
? ? 'json',
? ? 'vue',
? ? 'node',
? ],
? // A map from regular expressions to module names or to arrays of module names that allow to stub out resources with a single module
? moduleNameMapper: {
? ? // '^quasar$': 'quasar/dist/quasar.esm.prod.js',
? ? '^~/(.*)$': '<rootDir>/$1',
? ? '^src/(.*)$': '<rootDir>/src/$1',
? ? '^app/(.*)$': '<rootDir>/$1',
? ? '^components/(.*)$': '<rootDir>/src/components/$1',
? ? '^layouts/(.*)$': '<rootDir>/src/layouts/$1',
? ? '^pages/(.*)$': '<rootDir>/src/pages/$1',
? ? '^assets/(.*)$': '<rootDir>/src/assets/$1',
? ? '^boot/(.*)$': '<rootDir>/src/boot/$1',
? ? '.*css$': '@quasar/quasar-app-extension-testing-unit-jest/stub.css',
? ? // '.vue$': '<rootDir>/tests/unit/empty.js',
? ? '.png$': '<rootDir>/tests/unit/empty.js',
? },
? // An array of regexp pattern strings, matched against all module paths before considered 'visible' to the module loader
? modulePathIgnorePatterns: ['<rootDir>/node_modules/'],
? // Activates notifications for test results
? // notify: false,
? // An enum that specifies notification mode. Requires { notify: true }
? // notifyMode: "failure-change",
? // A preset that is used as a base for Jest's configuration
? // preset: undefined,
? // Run tests from one or more projects
? // projects: undefined,
? // Use this configuration option to add custom reporters to Jest
? // reporters: undefined,
? // Automatically reset mock state before every test
? // resetMocks: false,
? // Reset the module registry before running each individual test
? // resetModules: false,
? // A path to a custom resolver
? // resolver: undefined,
? // Automatically restore mock state and implementation before every test
? // restoreMocks: false,
? // The root directory that Jest should scan for tests and modules within
? // rootDir: undefined,
? // A list of paths to directories that Jest should use to search for files in
? // roots: ['<rootDir>'],
? // Allows you to use a custom runner instead of Jest's default test runner
? // runner: "jest-runner",
? // The paths to modules that run some code to configure or set up the testing environment before each test
? // setupFiles: [],
? // A list of paths to modules that run some code to configure or set up the testing framework before each test
? // setupFilesAfterEnv: [],
? // The number of seconds after which a test is considered as slow and reported as such in the results.
? // slowTestThreshold: 5,
? // A list of paths to snapshot serializer modules Jest should use for snapshot testing
? // snapshotSerializers: [],
? // The test environment that will be used for testing
? testEnvironment: 'jsdom',
? // Options that will be passed to the testEnvironment
? // testEnvironmentOptions: {},
? // Adds a location field to test results
? // testLocationInResults: false,
? // The glob patterns Jest uses to detect test files
? testMatch: ['**/__tests__/**/*.[jt]s?(x)', '**/?(*.)+(spec|test).[tj]s?(x)'],
? // An array of regexp pattern strings that are matched against all test paths, matched tests are skipped
? testPathIgnorePatterns: ['/node_modules/'],
? // The regexp pattern or array of patterns that Jest uses to detect test files
? // testRegex: [],
? // This option allows the use of a custom results processor
? // testResultsProcessor: undefined,
? // This option allows use of a custom test runner
? // testRunner: 'jest-circus/runner',
? // A map from regular expressions to paths to transformers
? transform: {
? ? '^.+\\.(t|j)sx?$': 'ts-jest',
? ? '^.+\\.vue?$': '@vue/vue3-jest',
? ? // '^.+\\.(js|jsx)$': '<rootDir>/node_modules/babel-jest',
? ? '.+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|svg|woff2)$':
? ? ? 'jest-transform-stub',
? },
? // An array of regexp pattern strings that are matched against all source file paths, matched files will skip transformation
? transformIgnorePatterns: [
? ? '<rootDir>/node_modules/(?!(lodash-es|other-es-lib|react|React|dds/Avatar))',
? ],
? // An array of regexp pattern strings that are matched against all modules before the module loader will automatically return a mock for them
? // unmockedModulePathPatterns: undefined,
? // Indicates whether each individual test should be reported during the run
? // verbose: undefined,
? // An array of regexp patterns that are matched against all source file paths before re-running tests in watch mode
? // watchPathIgnorePatterns: [],
? // Whether to use watchman for file crawling
? // watchman: true,
? // collectCoverageFrom: [
? //? '<rootDir>/tests/unit/modules/dashboard/dashboard.test.js',
? //? '<rootDir>/tests/unit/modules/login/loginIndex.test.js',
? // ],
};
module.exports = config;
