@bemobile/testing

Testing utilities for Reactor projects

This package provides utilities for testing Reactor projects.

npm install @bemobile/testing

ESLint Configuration

Usage

To use the ESLint configuration, add this to your eslint.config.js file:

import reactorPlugin from '@bemobile/testing/eslint-config';

export default reactorPlugin;

// alternativly, if you want to add own config or adapt rules:
import { defineReactorConfig } from '@bemobile/testing/eslint-config';

export default defineReactorConfig({
    // your config goes here, eg:
    files: ['src/**/*.ts', 'src/**/*.tsx'],
    rules: {
        'no-console': 'error',
    }
});

The API interface is the same as with the @beMobile/eslint-config package. using @bemobile/testing/eslint-config will give you the same configuration as @bemobile/eslint-config but with the addition of testing plugins and rules.

Vitest configuration

Usage

To test using vitest, the following configuration is recommended:

import PluginTranslationsStub from '@bemobile/testing/vite-plugin-translations-stub';
import tsconfigPaths from 'vite-tsconfig-paths';
import { defineConfig, configDefaults } from 'vitest/config';

export default defineConfig({
    plugins: [tsconfigPaths(), PluginTranslationsStub()],
    test: {
        globals: true,
        setupFiles: ['./test.setup.js'],
        environment: 'jsdom',
    },
});

Additionally, you will need to create a test.setup.js file in the root of your project with the following content:

import '@testing-library/jest-dom/vitest';

window.getComputedStyle = () => new CSSStyleDeclaration();

Now, add the following scripts to your package.json:

{
    "scripts": {
        "test": "vitest"
    }
}