laravel-frontend-presets/karma-eslint

Laravel 5.5.x|5.6.x 前端预设，用于 Karma & ESLint（单元测试 Vue 组件，代码覆盖率，ESLint，Babel...）

维护者

详细信息

github.com/laravel-frontend-presets/karma-eslint

源代码

问题

安装次数: 101

依赖者: 0

建议者: 0

安全: 0

星星: 3

关注者: 3

分支: 0

开放性问题: 0

语言:JavaScript

1.0.0 2018-02-16 21:03 UTC

Requires

MIT bb67c5f635484e71db07c7abb557191e832533ef

testinglaravelcoveragekarmaeslintpreset

This package is auto-updated.

Last update: 2024-09-05 05:10:52 UTC

README

Laravel 预设，用于使用 Karma、ESLint（Airbnb）以及内置的 laravel-mix 和 Vue.js 配置，以获得 JS 资产的单元测试和代码覆盖率。

此预设中的设置是从 Vue.js webpack 模板提取/修改的。配置使用 Karma 作为测试运行器，Mocha 作为测试框架，Istanbul 作为代码覆盖率工具，ESLint 使用 Airbnb JavaScript 风格指南 进行 JavaScript 代码检查，同时保持您的 laravel-mix 设置和前端开发体验不变。

内容

安装

  1. 全新安装 Laravel（5.5.x 或 5.6.x），然后 cd 到您的应用目录。
  2. 通过 composer 安装此预设：composer require laravel-frontend-presets/karma-eslint
  3. 使用 php artisan preset karma-eslint 来生成此预设。系统将提示您确认复制文件和覆盖现有文件。 强烈建议在 Laravel 项目的初始实例化时使用此预设，否则，在使用之前请提交您的更改。
  4. npm install（如果您使用 yarn，则使用 yarn install，并且您应该这样做 😬）。
  5. 发现 npm 脚本
  • npm run [dev|watch|hot|prod] 是 Laravel 随带的标准命令，请参阅相关的 Laravel 文档
  • npm run test 或 npm test 运行单元测试并查看在 /coverage 生成覆盖率报告。
  • npm run test:watch 运行并监视单元测试/代码覆盖率。监视根据您配置的 webpack 配置（在 webpack.mix.js 中）进行。
  • npm run lint 运行 ESLint 并显示代码检查错误。
  • npm run lint:fix 运行 ESLint 并修复可修复的代码检查错误。
  1. 预设将在项目根目录创建一个名为 specs 的目录，这是您编写 JS 单元测试的入口点。

注意：它被命名为 specs 以区分您的后端 php tests 目录。如果您想更改名称，您将必须修改 test npm 脚本和测试入口点 specs/setup/index.js 的路径，该路径由 specs/setup/karma.conf.js 中的 karma 配置文件调用。

快速入门

laravel new my-app && cd my-app
composer require laravel-frontend-presets/karma-eslint
php artisan preset karma-eslint
y # copying files confirmation
npm install
npm test

截图

  • npm test

screenshot

致谢

许可协议

MIT 许可协议（MIT）。

待办事项

  • 提示用户选择 ESLint Airbnb 风格指南之外的其他选项。