Модульные тесты завершаются неудачно с ошибкой Превышено время ожидания команды Cypress «4000 мс».

Я использую библиотеку cypress и тестирования реакции для выполнения модульных тестов на моем компоненте. Однако при выполнении теста я сталкиваюсь с приведенной ниже ошибкой.

«Превышено время ожидания команды Cypress, равное '4000 мс'».

Я замечаю, что настоящий тест, который я написал, прошел успешно. Но есть ошибка в ловушке "все-таки", которая каким-то образом вставлена. В моей тестовой спецификации нет ловушки "все-таки". Я хотел знать, откуда это можно вызвать, поскольку в моем коде этого нет.

Дополнительная информация: я использую плагины webpack и istanbul, которые добавлены в файл plugins / index.js

test-spec.js

import React from 'react';
import {render, fireEvent, cleanup} from '@testing-library/react';
import Greeting from '../../src/utils/testUtils/components/Greeting';

describe('react-testing-library', () => {   

    it('renders View Details component', () => {      
            const component = render(<Greeting />);
            component.getByText('Hello');
        })
})

Мой компонент - welcome.js

import React from 'react';

export default function Greeting() {
    return (
        <div>{'Hello'}</div>
    );
}

кипарис \ поддержка \ index.js

import './commands';
import '@cypress/code-coverage/support';

кипарис \ плагины \ index.js


const webpack = require('@cypress/webpack-preprocessor')
const webpackOptions = {
  module: {
    rules: [
      {
        test: /\.(js|jsx|mjs)$/,
        loader: 'babel-loader',
        options: {
          presets: ['@babel/preset-env', '@babel/preset-react'],
          plugins: ['@babel/plugin-proposal-class-properties', 'istanbul'],
        },
      }
    ]
  }
}

const options = {
  // send in the options from your webpack.config.js, so it works the same
  // as your app's code
  webpackOptions,
  watchOptions: {}
}

module.exports = on => {
  on('file:preprocessor', webpack(options))
  on('task', require('@cypress/code-coverage/task'))

}

Ниже приведена ошибка, которую я получаю на консоли.

react-testing-library
    √ renders View Details component (68ms)
    1) "after each" hook for "renders View Details component"


  1 passing (7s)
  1 failing

  1) react-testing-library "after each" hook for "renders View Details component":
     Error: Cypress command timeout of '4000ms' exceeded.

Because this error occurred during a 'after each' hook we are skipping all of the remaining tests.
      at http://localhost:4444/__cypress/runner/cypress_runner.js:82978:25

Из-за этого тесты не проходят. Любые предложения относительно того, почему могла возникнуть эта ошибка, очень помогли бы.

Заранее спасибо!


person Hariharan Anantharaman    schedule 23.09.2019    source источник


Ответы (1)


С некоторой помощью сообщества кипарисов кажется, что библиотека react-testing-library добавляет после каждого хука для очистки.

https://github.com/testing-library/react-testing-library/blob/master/src/index.js

Это асинхронный метод, в результате которого кипарис выдает предупреждение:

cypress_runner.js:85235 Cypress Warning: Cypress detected that you returned a promise in a test, but also invoked one or more cy commands inside of that promise.

Мне удалось предотвратить добавление afterEach и заставить тесты работать. Мы можем использовать любой из методов, приведенных здесь для этого.

person Hariharan Anantharaman    schedule 24.09.2019