Я новичок в Cypress для тестирования javascrpt.Я тестирую базовое приложение реакции с помощью CSS.Независимо от того, импортирую ли я css напрямую или использую модули css, тест всегда завершается неудачно с:
ul {
^
ParseError: Unexpected token
, что ParseError показывается в средстве запуска Cypress.Этот текст также есть на боковой панели бегуна:
Это произошло, когда Cypress компилировал и связывал ваш тестовый код.Это обычно вызывается:
Отсутствующим файлом или зависимостью. Синтаксическая ошибка в файле или одной из его зависимостей. Исправьте ошибку в своем коде и повторите тесты.
Даже с готовым приложением create-реагировать-app App.test.js завершится сбоем из-за cse ParseError в App.css.
Что-нибудь нужно сделать в конфигурации Cypress для решения этой проблемы?
Вот простой файл CSS:
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li {
float: left;
}
Тестовый файл:
import React from 'react';
import ReactDOM from 'react-dom';
import App from '../../src/App.js';
describe('Default React App.js test', () => {
it('renders without crashing', () => {
const div = document.createElement('div');
ReactDOM.render(<App />, div);
ReactDOM.unmountComponentAtNode(div);
});
})
describe('basic ui test', () => {
it('finds text on page', () => {
cy.visit('http://localhost:3000');
cy.contains('home');
})
})