(1) yarn install
(2) 进到 storefrontapp-e2e-cypress 目录再次 yarn install
(3) yarn build:libs

![](https://img-blog.csdnimg.cn/img_convert/f90c975657794d2abd4baef4c72de849.png)

![](https://img-blog.csdnimg.cn/img_convert/844fa3c46b4a3023b13452b7a5185b9e.png)

脚本命令：

> cypress run --config-file cypress.ci.json --record --key $CYPRESS_KEY --tag "2011,b2c,all,parallel" --p
arallel --group B2C --ci-build-id $TRAVIS_BUILD_ID --spec "cypress/integration/!(vendor|b2b|ssr)/**/*.e2e
-spec.ts"

record option 代表视频记录，这个语法在官方[文档](https://docs.cypress.io/guides/guides/command-line#cypress-run) 可以找到。

![](https://img-blog.csdnimg.cn/img_convert/e55f85dae62347d70daf26eda2241fce.png)

export 命令本身不需要使用 $ 符号，但是在脚本文件里使用变量时，需要加上 $ 符号。

![](https://img-blog.csdnimg.cn/img_convert/937f32d2e9ee376044aeddb0699df290.png)

Bash export 命令帮助我们导出环境变量，以便它们在所有`子进程`、shell 和命令中可用。

此外，export 命令和其他相关命令的不同命令行选项提供了跨不同 shell 和 bash 脚本定义、导出和使用 bash 变量的各种方法。

关于 bash 里特殊符号 $ 的用法，参考这个[链接](https://www.gnu.org/software/bash/manual/html_node/Special-Parameters.html)。

> yarn e2e:run:ci"${SUITE}"

bash 里圆括号的[语法](https://dev.to/rpalo/bash-brackets-quick-reference-4eh6)

这里的 SUITE 是 script 里自定义的变量。

![](https://img-blog.csdnimg.cn/img_convert/d4a48340b11ed7b63d63f2e825469c8a.png)

SUITE 值可能为下列 e2e:run:ci 冒号后的值，比如 ssr，b2b 等等。

![](https://img-blog.csdnimg.cn/img_convert/c31ae5005264b72539044e64be2b5ef1.png)

取决于使用者按照什么样的命令行参数传递 --suite

![](https://img-blog.csdnimg.cn/img_convert/f99aec1685f3db4b7cfb371af47e0e47.png)

使用 --suite 或者 -s 参数格式均可，默认参数为 b2c:

![](https://img-blog.csdnimg.cn/img_convert/fce9cbdeff4e8feb5df40be20c4625f8.png)

最后先 yarn start，再 yarn e2e:run:ci

![](https://img-blog.csdnimg.cn/img_convert/ab6375231c5223743a8f60552fa97a33.png)

我们就看这个默认的 b2b script:

![](https://img-blog.csdnimg.cn/img_convert/ceb496c28d8d61fc2d8f62e63135074f.png)

> yarn --cwd ./projects/storefrontapp-e2e-cypress run cy:run:ci:b2b\

使用 --cwd 避免脚本文件里出现不必要的 cd 操作符。参考这个操作符的官方[文档](https://classic.yarnpkg.com/en/docs/cli/#toc-cwd)。

cy:run:ci:b2b - 最后执行的如下脚本：

![](https://img-blog.csdnimg.cn/img_convert/1fb1a91cc54a7972754a1cf5fe306ecf.png)

--tag 用于最后在 dashboard 结果列表里查看。

--group 用于在一个测试里将记录后的结果放置于同一组内。

开始执行测试了：

![](https://img-blog.csdnimg.cn/img_convert/76f613fb53d709d87ac2aa3e615764b6.png)

一些测试结果：

> B2B - Bulk Pricing
    Mobile
      Check bulk pricing table
(node:8855) [DEP0066] DeprecationWarning: OutgoingMessage.prototype._headers is deprecated
        ✓ should render pricing table for products that contain bulk prices (5819ms)
        ✓ should checkout using the proper bulk price based on quantity (1604ms)
        ✓ should NOT render pricing table for products that DO NOT contain bulk prices (736ms)
        ✓ should verify lowering the quantity also lowers the discount (2262ms)
        ✓ should verify increasing the quantity also increases the discount (1904ms)
        ✓ should verify checking out a bulk priced item and a regular product (7819ms)
    Desktop
      Check bulk pricing table
        ✓ should render pricing table for products that contain bulk prices (963ms)
        ✓ should checkout using the proper bulk price based on quantity (1307ms)
        ✓ should NOT render pricing table for products that DO NOT contain bulk prices (756ms)
        ✓ should verify lowering the quantity also lowers the discount (2282ms)
        ✓ should verify increasing the quantity also increases the discount (1941ms)
        ✓ should verify checking out a bulk priced item and a regular product (9332ms)

在执行日志的末尾，看到了 command exited with 0 的提示，说明执行成功。

![](https://img-blog.csdnimg.cn/img_convert/02c4d0105aa0c6ed26b94605f637b1e6.png)

ITPub博客

SAP 电商云 Spartacus UI CI e2e-cypress.sh 脚本文件分析

最新文章