npx 是 npm 自带的命令行工具：
在我的项目根目录下，应用命令行 npx cypress open 启动：
也能够利用 yarn 启动：yarn run cypress open
或者是间接执行 node_modules bin 文件夹下的二进制命令。
这样就能够胜利启动 Cypress Launchpad：
package.json 增加如下的 script：
"scripts": { "cypress:open": "cypress open" }而后能够用如下的命令启动：
npm run cypress:open
npm install 装置结束后，工程目录下有个 cypress\integration 文件夹，外面有很多 sample 文件。
每个 test 一开始都是一个 blank state，因而须要在 beforeEach 函数调用里进行初始化。
在这个 spec 执行的时候，cy 为什么就可用了？
单步调试 todo.spec.js，在 webpack:// 文件夹下：
具体的实现地位？
为什么会在这个 url 上面？https://example.cypress.io/__cypress/runner/cypress_runner.js
https://example.cypress.io/todo
这是一个开发好的 web 利用：
cy 的办法都是 generic 注入进去的：
记住这个文件名：cypress_runner.js
运行队列：
队列是一个 object：
Promise 仿佛不是原生的 Promise：
如何能力看到 cy.visit 拜访网站的精确动作？
cy.visit 会立刻返回，而不会同步的去拜访网站：
it('let me debug like a fiend', () => { cy.visit('/my/page/path') cy.get('[data-testid="selector-in-question"]') debugger // Doesn't work})这里是 Cypress 对立解决 action 的中央：
action(eventName, ...args) { // normalizes all the various ways // other objects communicate intent // and 'action' to Cypress debug(eventName); switch (eventName) { case 'recorder:frame': return this.emit('recorder:frame', args[0]); case 'cypress:stop': return this.emit('stop');应用 onBeforeLoad 钩子，咱们能够在 Web 利用的主页，加载之前，注入一些数据给它：
it('can modify window._bootstrappedData', function () { // in this solution we use cy.visit({onBeforeLoad: ...}) // to modify the window._bootstrappedData global so that // it's passed into our App.start() method const data = { env: 'test', api: 'https://test-api.company.com', } cy.visit('/bootstrap.html', { onBeforeLoad: (win) => { win._bootstrappedData = data }, }) cy.get('pre') .invoke('text') .should('eq', JSON.stringify(data)) }) })