今天來介紹一套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