Введение

В предыдущей главе была представлена ​​основа Cypress. Ниже приводится введение в установку Cypress.

　　Официальный сайтадрес：https://www.cypress.io/

　　Официальная документация：https://docs.cypress.io/guides/overview/why-cypress.html

Экологические требования

　　1、macOS 10.9 and above (64-bit only)

　　2、Linux Ubuntu 12.04 and above, Fedora 21 and Debian 8 (64-bit only)

　　3、Windows 7 and above

​Здесь мы в основном знакомим с установкой Cypress под операционной системой Win10.

　　Примечание. Если вы используете npm Установить Кипарис, обязательно Node.js 8 или выше

Установите Node.js

　　Перед установкой cypress вам необходимо сначала использовать npm, а для установки npm вам понадобится только Установитьnode.js, поскольку npm интегрирован в новую версию Node.js.

　　Официальный сайтскачатьадрес：https://nodejs.org/en/download/,Вы можете использовать его сразу после загрузки msi.

Примечание. Доступ к указанному выше веб-сайту на английском языке может быть отложен.,Не могу открыть,ДоступенnodeКитайский сайтскачать：http://nodejs.cn/download/

 　　Убедитесь, что установка прошла успешно:

 　　Узел здесь не последней версии, поскольку «Установка» была выпущена раньше. Введите нпм -v Номер версии может отображаться обычным образом, что доказывает, что node.js интегрирован с npm.

　　Если хочешь побыть один, установи НПМ также Может。

Установите npm отдельно.

　　Здесь мы в основном представляем метод отдельной установкиnpm. Если он у вас уже есть, игнорируйте его.

NPM — это инструмент управления пакетами, входящий в состав NodeJS.,Может решить многие проблемы при развертывании кода NodeJS.,Общие сценарии использования включают следующее:

1. Разрешить пользователям загружать сторонние пакеты, написанные другими, с сервера NPM для локального использования.

2. Разрешить пользователям запускать программы, написанные другими, с сервера NPM, загружать и устанавливать для локального использования.

3. Разрешить пользователям загружать пакеты или программы командной строки, которые они пишут, на сервер NPM для использования другими.

　　Поскольку была интегрирована новая версия nodejs нпм, так что раньше НПМ также Все вместе. Вы можете войти "npm -v», чтобы проверить успешность установки.

npm -v

Если версия npm слишком низкая, вы также можете обновить версию npm с помощью следующей команды

npm install npm -g

Прямая загрузка npm будет очень медленной. Сначала измените источник загрузки.

http://registry.npm.taobao.org

скачать

npm config set registry http://registry.npm.taobao.org

После завершения модификации проверьте, прошла ли модификация успешно.

npm config get registry

Создать файл package.json

　　1. Создайте папку документов MyCypress, войдите в каталог, в который вы хотите установить MyCypress, а затем запустите npm. init Заказ

2. Просто нажмите Enter до конца и, наконец, введите «да».

3. Затем в вашей папке MyCypress будет создан файл package.json.

4. Этот документ также можно создать самостоятельно.,Обычно существует в корневом каталоге проекта.,Он определяет различные модули и информацию о конфигурации, необходимую для этого проекта (например, имя, версию, зависимости, сценарии и т. д.).

Установить Кипарис

Войдите в каталог кипариса и введите Заказ:

npm install cypress --save-dev

Из-за проблем с сетью или размера пакета он работает относительно медленно, пожалуйста, подождите терпеливо...

　　Примечание. Если возникла такая проблема, как сбой при установке, и вы хотите перезапустить установку, вы можете сначала удалить папку документов MyCypress и папку документов Cypress на диске C, как показано на рисунке:

　　После удаления вы можете повторно запустить вышеуказанный Заказ Установить. 

Запустить Кипарис

Сначала перейдите в каталог node_modules/.bin.

cypress open

Стартовый интерфейс:

Создайте новый файл package.json в корневом каталоге D:\MyCypress.

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

После добавления это выглядит так:

{
  "name": "cypress",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "dependencies": {},
  "devDependencies": {
    "cypress": "^4.9.0"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "cypress:open": "cypress open"
  },
  "author": "",
  "license": "ISC"
}

Способ 1: запуск npm

Введите заказ:

npm run cypress:open

Сейчас,Вы можете вызвать Заказ из корневого каталога проекта.,Как показано ниже:

D:\MyCypress>npm run cypress:open

> cypress-dev@1.0.0 cypress:open D:\MyCypress
> cypress open

Далее вы можете увидеть правильный интерфейс запуска Cypress.

Способ 2: запуск exe

Вышеупомянутый метод запуска заключается в изменении сценариев файла package.json и добавлении «cypress:open»: «cypress open». Существует также способ прямого запуска программы .exe, который можно ввести в C:\Users\Administrator. \AppData\Local\Cypress\Cache\4.9.

Дважды щелкните, чтобы запустить программу Cypress.exe.

результат:

Способ 3: запуск пряжи

https://classic.yarnpkg.com/zh-Hans/docs/install,скачать Установить Вот и все

Если Установить Npm, это может быть так:

npm install -g yarn

Посмотреть версию:

Запустить Кипарис Заказ：

После настройки package.json его также можно запустить следующим образом:

интерфейс:

кроме того,Пряжа также может восстановить Cypress,Заказ следующий:

yarn add cypress --dev

Способ 4: запуск npx

Откройте окно cmd в режиме администратора и введите:

npx cypress open

Официальное изложение дела

После его открытия вы увидите работоспособный пример. Вы увидите такую ​​структуру каталогов:

    cypress
    ├── fixtures
    │   └── example.json
    ├── integration # Тестовый документ хранения
    │   └── examples
    │       ├── actions.spec.js
    │       ├── aliasing.spec.js
    │       ├── assertions.spec.js
    │       ├── connectors.spec.js
    │       ├── cookies.spec.js
    │       ├── cypress_api.spec.js
    │       ├── files.spec.js
    │       ├── local_storage.spec.js
    │       ├── location.spec.js
    │       ├── misc.spec.js
    │       ├── navigation.spec.js
    │       ├── network_requests.spec.js
    │       ├── querying.spec.js
    │       ├── spies_stubs_clocks.spec.js
    │       ├── traversal.spec.js
    │       ├── utilities.spec.js
    │       ├── viewport.spec.js
    │       ├── waiting.spec.js
    │       └── window.spec.js
    ├── plugins # Определите некоторые настройки и переменные инициализации
    │   └── index.js
    └── support # Мы можем извлечь некоторые общедоступные методы в качестве нашего частного заказа.
        ├── commands.js
        └── index.js

Дважды щелкните, чтобы запустить этот js

Результаты запуска:

Подвести итог

Выше приведено руководство по установке инструмента Cypress. Если вы заинтересованы в разработке тестов Python, тестировании производительности и тестировании безопасности.,Вы можете присоединиться к группе по обмену обучением QQ,Растите вместе.