cypress.config.ts

import * as path from 'path';
import { defineConfig } from 'cypress';

import { getWebpackConfig } from './cypress/webpack.config';
import { setupNodeEvents } from './cypress/plugins';

const CORE_TESTS_DIR = 'plasma-new-hope';

const supportFilePath = path.resolve(__dirname, 'cypress', 'support', 'index.ts');

const { PACKAGE_NAME: packageName, COMPONENTS: components, RETRIES: retries = 5, BROWSER: browser } = process.env;

if (!packageName) {
    throw new Error('Provide PACKAGE env to cli command');
}

const baseTestMatch = '**/*.component-test.{ts,tsx}';
const retriesCount = Number(retries);
const productName = packageName.split('-').slice(1).join('-');
const snapshotsDir = `cypress/snapshots/${productName}/`;

const getTestMatch = () => {
    const componentMatchingDirs = components
        ? components
              .split(',')
              .filter((component) => Boolean(component.trim()))
              .map((component) => {
                  const [first, ...rest] = component.trim().split('');
                  const componentDir = `${first.toLocaleUpperCase()}${rest.join('')}`;

                  return componentDir;
              })
        : [];

    const searchDirs = packageName === 'plasma-ui' ? packageName : `{${packageName},${CORE_TESTS_DIR}}`;

    if (!componentMatchingDirs.length) {
        return `**/${searchDirs}/${baseTestMatch}`;
    }

    const matchingDirs =
        componentMatchingDirs.length === 1 ? `${componentMatchingDirs[0]}` : `{${componentMatchingDirs.join(',')}}`;

    return `**/${searchDirs}/**/${matchingDirs}/${baseTestMatch}`;
};

export default defineConfig({
    experimentalWebKitSupport: true,
    component: {
        numTestsKeptInMemory: browser === 'webkit' ? 2 : 5,
        specPattern: getTestMatch(),
        supportFile: supportFilePath,
        devServer: {
            framework: 'react',
            bundler: 'webpack',
            webpackConfig: getWebpackConfig(),
        },
        justInTimeCompile: false,
        setupNodeEvents,
    },
    env: {
        snapshotsDir,
        package: packageName,
        a11yCheck: false,
        threshold: 0.005, // это 0.5%
        hasComponents: !!components,
    },
    retries: {
        runMode: retriesCount,
        openMode: 0,
    },
    video: false,
    viewportWidth: 500,
    viewportHeight: 500,
    ...(browser !== 'webkit' && { chromeWebSecurity: false }),
});