Day 21 来开始介绍Cypress

今天来介绍一套End-To-End(E2E)testing的framework叫cypress，当我们每次写完程序并上版之後可能会进到另一个开发阶段给QA人员做测试，在以前我们如何做登入测试，就自己打打看login的画面然後看有没有进到页面或者是手动打开看chrome devTool看这个页面的这区块颜色是不是有照设计稿出来，这在以前我们可能都是靠人工的方式，然後透过E2E我们或许可以透过自动化来减少我们的负担．

install:

npm install --save-dev cypress 

or

yarn add -D cypress

然後就可以透过下列指令来打开cypress的操作画面

npx cypress open

当然我们在开发时，会把lint加到我们的eslint的规则里，cypress也不例外也有出他自己的lint

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

or

yarn add -D eslint-plugin-cypress

然後在eslint里面加上

plugins: ['eslint-plugin-cypress'],
env: {'cypress/globals': true},

当然cypress lint里面也是有很多规则，我们可以参考文件
eslint-plugin-cypress