@OliveRrRrr

Почему cypress монтирует импортируемые компоненты с ошибкой?

Имеется такой тест
import { mount } from 'cypress/react';
import React from 'react';
import { Component } from '..;

describe('test', () => {
  it('initial render', () => {
    mount(<div>asdasdadadsad</div>); 

    mount(<Component  />); 
  });
});

mount(asdasdadadsad); //при такой вариации cypress все монтирует и все замечательно

mount(Component); //при такой вариации cypress начинает бросать ошибки типо
Cannot read properties of undefined (reading 'CombineProviders'), хотя для монтирования компонента store не нужен или в принципе начинается какая то проблема с импортами, хотя за его пределами дев сервер на этом конфиге стартует успешно, e2e тесты тоже работают

export const Component = (): JSX.Element => {
  return (
    <div>adsasdadad</div>
  );
};


import { defineConfig } from 'cypress';
import webpackConfig from './config/webpack.dev';

export default defineConfig({
  chromeWebSecurity: false,

  component: {
    devServer: {
      framework: 'react',
      bundler: 'webpack',
      webpackConfig,
    },
    specPattern: '**/*.cy.tsx',
    retries: {
      runMode: 3,
      openMode: 2,
    },
    video: false,
    screenshotOnRunFailure: false,
  },

  viewportWidth: 1920,
  viewportHeight: 1100,

  e2e: {
    setupNodeEvents(on, config) {},
    retries: {
      runMode: 3,
      openMode: 2,
    },
    video: false,
    screenshotOnRunFailure: false,
  },
});
  • Вопрос задан
  • 26 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы