自动化测试，让你上班拥有一杯咖啡的时间 | Day 14 - 取得 ESLint 支援

此系列文章会同步发文到个人部落格，有兴趣的读者可以前往观看喔。

今天要跟大家分享在 cypress 可以自定义一些检查的规则，当脚本有误时，自动会有提示，以此可以提高程序码的品质。

1. 安装 ESLint plugin

   npm install eslint-plugin-cypress --save-dev

2. 新增 .eslintrc.json

   在 .eslintrc.json 加上 Cypress 相关的设定：

   {
     "plugins": [
       "cypress"
     ],
     "extends": [
       "plugin:cypress/recommended"
     ],
     "env": {
       "cypress/globals": **true**
   	}
   }
   

3. 除了可以用推荐的设定外，还可以依照需求加上 rule，例如：

   "rules":{
           "cypress/no-unnecessary-waiting": "error"
       }
   

4. 在脚本上加上 cy.wait() 时，会有错误提示
   

参考资料

• https://github.com/cypress-io/eslint-plugin-cypress