Question

我是新来赛普拉斯公司作为javascrpt测试。我测试基本反应应用与CSS。是否我进口的CSS直接或使用CSS模块，测试总是失败：

ul {
   ^
ParseError: Unexpected token

这ParseError在柏树测试运行中所示。它还具有本文中测试运行边栏：

这是在Cypress编译和捆绑您的测试代码时发生的。   这通常是由引起的：

文件或依赖项丢失文件或其一个语法错误   依赖项修复代码中的错误，然后重新运行测试。

即使使用开箱即用的create-react-app应用程序，由于App.css上的CSS ParseError，App.test.js也会失败。

要解决此问题，是否需要在赛普拉斯配置中进行任何操作？

下面是一个简单的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');
    })
})

Answer 1

规范的<View android:id="@+id/view_bottomSheetDialog_accentDivider" android:layout_width="0dp" android:background="@drawable/drawable_bottom_sheet_dialog" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintHorizontal_bias="0.0" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" android:layout_height="30dp"/>与您的应用不同，因此开箱即用。

有关单元测试的反应，请参见以下仓库：https://github.com/bahmutov/cypress-react-unit-test

赛普拉斯ParseError在CSS内容

1 个答案: