导入组件时Cypress与SCSS文件有关的问题

Question

我正在使用Cypress编写React应用程序的单元测试。我希望使用“ cypress-react-unit-test”来测试各个组件。

我只导入React，cypress-react-unit-test（在support / index.js中）和组件本身。

我有一个简单的组件（test.js）

import React, { Component } from 'react';
import "./test.css"

class Test extends Component{
    render(){
        return(
            <h1>Testing {this.props.name}</h1>
        )
    }
}

export default Test;

连同包含的test.scss

h1 { 
    color: blue
}

启动测试运行器时，我在引用test.css文件准备测试文件时遇到错误

有人可以解释这里发生了什么吗？

与此cypress ParseError on css content相同的问题，但是我已经在使用cypress-react-unit-test软件包。如此处所述，如果我注释掉组件文件中的导入css文件，则组件将呈现为没有任何样式。但是，例如，如果要声明标题的颜色怎么办？

我的起始测试代码

import React from 'react'
import Test from '../../../../src/components/test.js'

describe('testing React', ()=>{

    it('should react', ()=>{
        cy.mount(<Test name="Nrd" />)
        cy.contains('Testing')
    })
})