前言

open 启动运行器

启动你的 cypress 运行器界面，参考第一篇https://www.cnblogs.com/yoyoketang/p/12860329.html

方法一: cypress 启动

可以直接通过 cypress 命令启动，windows 环境需完整的路径

D:\Cypress\node_modules.bin\cypress open

mac 和 linux 可以用相对路径

./node_modules/.bin/cypress open

可以把 D:\Cypress\node_modules\.bin\ 目录加到环境变量，先cd到项目根目录 D:\Cypress, 于是就可以直接用 cypress 命令了。

cypress open

方法二: npm 启动

也可以用 npm 启动，需先在 package.json 中定义以下命令

{ "scripts": { "cypress:open": "cypress open" } }

于是可以用 npm 启动 cypress

npm run cypress:open

run 运行用例

默认情况下，Cypress 会将 Electron 作为无头浏览器运行完你所有的测试用例。

方法一:cypress run

先cd到项目根目录 D:\Cypress, 直接执行 cypress run 会默认启动 Electron 无头浏览器运行用例

cypress run

D:\Cypress>cypress run


====================================================================================================
(Run Starting)
┌────────────────────────────────────────────────────────────────────────────────────────────────┐

│ Cypress: 4.5.0 │

│ Browser: Electron 80 (headless) │

│ Specs: 30 found (demo\baidu.js, demo\blog.js, demo\hook_demo.js, demo\login_fixture.js, d │

│ emo\login_web.js, demo\parametrize.js, demo\web_a.js, demo\web_home.js, demo\web_w │

│ hite_list.js, demo\xuexi.js, demo\xx.js, examples\actions.spec.js, examples\aliasi │

│ ng.spec.js,...) │

└────────────────────────────────────────────────────────────────────────────────────────────────┘
────────────────────────────────────────────────────────────────────────────────────────────────────

Running: demo\baidu.js (1 of 30)

方法二:npm 执行

先在 package.json 中定义以下 cypress run 命令

// 作者：上海-悠悠交流QQ群:939110556 // 原文blog: https://www.cnblogs.com/yoyoketang { "scripts": { "cypress:open": "cypress open", "cypress:run": "cypress run" } }

执行以下命令，会以 Electron 无头浏览器运行 cypress/integration 目录下所有的用例

npm run cypress:run

—browser 指定浏览器

可以通过 —browser 参数指定运行浏览器名称，只要系统上可以检测到，—browser 参数可以被设置为chrome，canary，chromium，或electron。
Cypress会试图自动找到已经装好的浏览器。

方法一:cypress run —browser chrome

先cd到项目根目录 D:\Cypress, 直接执行 --browser chrome 会启动 chrome 浏览器运行你的用例

cypress run —browser chrome

于是可以看到会启动你电脑本地的 chrome 浏览器运行用例

D:\Cypress>cypress run --browser chrome


====================================================================================================
(Run Starting)
┌────────────────────────────────────────────────────────────────────────────────────────────────┐

│ Cypress: 4.5.0 │

│ Browser: Chrome 83 │

│ Specs: 30 found (demo\baidu.js, demo\blog.js, demo\hook_demo.js, demo\login_fixture.js, d │

│ emo\login_web.js, demo\parametrize.js, demo\web_a.js, demo\web_home.js, demo\web_w │

│ hite_list.js, demo\xuexi.js, demo\xx.js, examples\actions.spec.js, examples\aliasi │

│ ng.spec.js,...) │

└────────────────────────────────────────────────────────────────────────────────────────────────┘
────────────────────────────────────────────────────────────────────────────────────────────────────

Running: demo\baidu.js (1 of 30)

也可以通过其路径进行自定义浏览器类型，如：

cypress run —browser /usr/bin/chromium

方法二:npm run

先在 package.json 中定义以下 cypress run 命令启动chrome浏览器

// 作者：上海-悠悠交流QQ群:939110556 // 原文blog: https://www.cnblogs.com/yoyoketang { "scripts": { "cypress:open": "cypress open", "cypress:run": "cypress run --browser chrome" } }

使用npm run运行

npm run cypress:run

—spec 指定运行js脚本

运行某个单独的测试文件而不是所有的测试用例：

cypress run —spec “cypress/integration/examples/actions.spec.js”

运行号匹配到的文件目录（注意：推荐使用双星号*）

cypress run —spec “cypress/integration/login/*/“

运行指定多个测试文件：

cypress run —spec “cypress/integration/examples/actions.spec.js,cypress/integration/examples/files.spec.js”

也可以通过 cypress.json 文件来指定用例查找规则，比如我只想执行 cypress/integration/demo 下的所有.js文件

// 作者：上海-悠悠交流QQ群:939110556 // 原文blog: https://www.cnblogs.com/yoyoketang { "viewportWidth": 1280, "viewportHeight": 600, "integrationFolder": "cypress/integration/demo", "testFiles": "**/*.js", "chromeWebSecurity": false }

运行用例的时候，会先加载 cypress.json 按里面的规则运行