• Cypress 安装


    一、cypress 安装

    方式1、使用npm安装

    1、生成package.json 文件

    1、进入你要安装cypress 的目录,然后使用npm init 初始化目录

    2、然后就可以生成package.json 文件了

    2、安装cypress

    如果不指定版本,默认安装的是最新的版本, 则进入对应目录输入:npm install cypress

    如果指定版本,例如安装4.5.0 则进入对应目录输入:npm install cypress@4.5.0 --save-dev

    安装成功后会出现如图所示目录和文件

    方式2、使用yarn安装

    1、安装 yarn

    https://classic.yarnpkg.com/zh-Hans/docs/install,下载安装即可,验证yarn 是否安装成功

    2、进入要安装 Cypress 的文件夹,输入命令:yarn add cypress --dev 即可安装 Cypress 

    二、cypress 启动

    方式1、进入node_module\.bin 目录输入:cypress open 启动

    进入node_modules下的.bin 目录,执行命令: cypress open 启动cypress,此时会有一个报错,如图

    方式2、进入项目根目录输入:yarn run cypress open

    方式3、管理员模式打开 cmd 窗口,输入:npx cypress open

    方式4、修改配置,自定义打开方式

    1、进入项目根目录,找到package.json 文件

    2、修改scripts 配置如图

    3、此时可以进入根目录,使用npm run cypress:open 启动

     

    三、启动成功

    1、启动后可以运行看到项目中的测试脚本,如图

    2、启动Cypress 后可以看下目录会看到生成了cypress 目录,后期我们可以基于这个目录进行编写测试脚本

  • 相关阅读:
    css深入理解vertical-align
    css深入理解之overflow
    深入理解CSS中的margin
    深入理解line-height
    深入理解css之float
    javascript正则表达式
    深入理解css之absolute
    _splitpath / _wsplitpath 将绝对路径分割为盘符、路径、文件名、扩展名。
    cocos2d-x环境的搭建之xcode-本人亲历成功搭建!
    lua语法
  • 原文地址:https://www.cnblogs.com/keenajiao/p/16422358.html
Copyright © 2020-2023  润新知