Получение отчетов о покрытии кода с помощью приложения Cypress и React

#reactjs #cypress

#реагирует на #кипарис

Вопрос:

Я работаю над проектом, предоставленным мне клиентом с существующей базой кода. Он основан на реакции, без использования приложения Create-React. Я вообще не очень разбираюсь в использовании babel и webpack, так как обычно полагаюсь на CRA и react-скрипты. Я использую Cypress со Стамбулом для модульного тестирования, и после просмотра документов и нескольких руководств мне не удалось создать отчеты о покрытии кода.

Я не совсем уверен, какой код был бы необходим для тех, кто хочет помочь, поэтому я помещу здесь то, что считаю уместным, и добавлю, как рекомендовано всеми, кто комментирует.

Мой файл babelrc:

 "presets": [  [  "@babel/preset-env",  {  "targets": {  "node": "current"  }  },  "@babel/preset-react"  ]  ],  "plugins": [  [  "module-resolver",  {  "root": [  "./src"  ]  }  ],  [  "@babel/plugin-syntax-dynamic-import"  ],  [  "transform-class-properties"  ],  [  "istanbul"  ]  ],  "env": {  "test": {  "plugins": [  "istanbul"  ]  },  "e2e": {  "plugins": [  "istanbul"  ]  }  } }  

index.js из плагинов cypress:

 // *********************************************************** // This example plugins/index.js can be used to load plugins // // You can change the location of this file or turn off loading // the plugins file with the 'pluginsFile' configuration option. // // You can read more here: // https://on.cypress.io/plugins-guide // ***********************************************************  // This function is called when a project is opened or re-opened (e.g. due to // the project's config changing)  /**  * @type {Cypress.PluginConfig}  */ // eslint-disable-next-line no-unused-vars module.exports = (on, config) =gt; {  require('@cypress/code-coverage/task')(on, config)  on('file:preprocessor', require('@cypress/code-coverage/use-babelrc'))  return config }  

index.js из моей папки поддержки для Cypress:

 import '@cypress/code-coverage/support'  

И сценарий, который я выполняю для тестирования

 "cy": "cypress run amp;amp; nyc report --reporter=text --reporter=text-summary"  

Все также было организовано Нью-Йорком.

Спасибо за любую помощь!

Комментарии:

1. В конце концов я пришел к выводу, что у меня каким-то образом не был установлен Нью-Йорк в качестве зависимого. В дополнение к этому, мой package.json не включал следующую строку: «»Нью-Йорк»: { «все»: верно, «включить»: «src/*.js»} » После добавления этого он работал отлично.