【问题标题】:Code coverage Cypress and Storybook, can't instrument my code代码覆盖 Cypress 和 Storybook,无法检测我的代码
【发布时间】:2020-07-18 10:59:45
【问题描述】:

我正在尝试使用 Cypress 和 Storybook 在 React Typescript 项目中进行视觉测试。 主要目标是使用 Storybook 渲染我的所有组件库,然后通过 Cypress 访问它们并获得代码覆盖率,以便将其传递给 SonarQube。

问题是 Storybook 的仪器,我没有发现任何关于它的提及。例如,我使用以下脚本运行我的服务器:react-scripts -r @cypress/instrument-cra start

-r @cypress/instrument-cra”将在赛普拉斯运行时生成覆盖文件,并且运行良好。

然后使用 Storybook :start-storybook,它会运行,但不会生成代码覆盖率,因为该应用没有经过检测。

我希望我可以这样做:start-storybook -r @cypress/instrument-cra 但“-r”参数是 react-scripts 的一部分,我不知道如何使用 Storybook 重现。

有没有其他方法可以让它工作,或者我在下班后或搜索后遗漏了什么?

【问题讨论】:

    标签: reactjs typescript code-coverage cypress storybook


    【解决方案1】:

    您需要将babel-plugin-istanbul 添加到babel config that storybook is using

    本质上是重新创建 instrument-cra 正在做的事情: https://github.com/cypress-io/instrument-cra/blob/master/index.js

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-01-12
      • 2023-04-07
      • 1970-01-01
      • 1970-01-01
      • 2021-07-23
      • 2012-02-28
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多