小编Dan*_*any的帖子

我们正在使用模板构建 Web 组件。我们编译模板组件并创建相应的“React 组件”并将它们导入到我们的项目中。

这样做时，我们可以在启动 React 应用程序时按预期查看组件。然而，当我们安装组件并使用 cypress 执行测试用例时，我们观察到这些预构建组件的 CSS 没有被加载。

赛普拉斯.json

    {\n        "baseUrl": "http://localhost:3000",\n        "projectId": "263jf8",\n        "component": {\n            "componentFolder": "src",\n            "testFiles": "**/*spec.{js,jsx,ts,tsx}",\n            "viewportHight": 1200,\n            "viewportWidth": 1000\n        },\n        "retries": {\n            "runMode": 2,\n            "openMode": 0\n        }\n    } \n

样本规格文件

import Header from \'./header\';\xc2\xa0\ndescribe(\'header\', () => {\n    beforeEach(() => {\n        mount(\n            <Header></Header>\n        )})\n        it(\'renders as an inline button\', () => {\n             cy.get(\'button\')\n             .should(\'have.class\', \'nexus-btn\').and(\'be.visible\')\n             cy.get(\'.nexus-hamburger-icon\').should(\'have.text\',\'Close Menu\').and(\'be.visible\')\n             cy.get(\'.nexus-menu > .nexus-btn\').should(\'have.text\',\'Close Menu\')\n             cy.get(\'a > .nexus-visually-hidden\').contains(\'Home\')\n             cy.contains(\'Home\').should(\'exist\')\n             cy.get(\'a > .nexus-icon …