Для мобильных приложений
Интеграция ваших тестов WebdriverIO с App Percy
Перед интеграцией вы можете ознакомиться с руководством по примеру сборки App Percy для WebdriverIO. Интегрируйте свой набор тестов с BrowserStack App Percy, вот обзор шагов интеграции:
Шаг 1: Создайте новый проект приложения на панели Percy
Войдите в Percy и создайте новый проект типа приложения. После создания проекта вам будет показана переменная окружения PERCY_TOKEN. Percy будет использовать PERCY_TOKEN, чтобы знать, в какую организацию и проект загружать скриншоты. Вам понадобится этот PERCY_TOKEN в следующих шагах.
Шаг 2: Установите токен проекта как переменную окружения
Выполните следующую команду, чтобы установить PERCY_TOKEN как переменную окружения:
export PERCY_TOKEN="<your token here>" // macOS или Linux
$Env:PERCY_TOKEN="<your token here>" // Windows PowerShell
set PERCY_TOKEN="<your token here>" // Windows CMD
Шаг 3: Установите пакеты Percy
Установите компоненты, необходимые для создания среды интеграции для вашего набора тестов. Для установки зависимостей выполните следующую команду:
npm install --save-dev @percy/cli
Шаг 4: Установите зависимости
Установите приложение Percy Appium
npm install --save-dev @percy/appium-app
Шаг 5: Обновите тестовый скрипт
Убедитесь, что импортировали @percy/appium-app в вашем коде.
Ниже приведен пример теста с использованием функции percyScreenshot. Используйте эту функцию везде, где вам нужно сделать скриншот.
import percyScreenshot from '@percy/appium-app';
describe('Appium webdriverio test example', function() {
it('takes a screenshot', async () => {
await percyScreenshot('Appium JS example');
});
});
Мы передаем необходимые аргументы в метод percyScreenshot.
Аргументы метода скриншота:
percyScreenshot(driver, name[, options])
Шаг 6: Запустите ваш тестовый скрипт
Запустите ваши тесты с помощью percy app:exec.
Если вы не можете использовать команду percy app:exec или предпочитаете запускать тесты с помощью опций запуска IDE, вы можете использовать команды percy app:exec:start и percy app:exec:stop. Чтобы узнать больше, посетите Run Percy.
$ percy app:exec -- appium test command
Эта команда запускает Percy, создает новую сборку Percy, делает снимки и загружает их в ваш проект, а затем останавливает Percy:
[percy] Percy has started!
[percy] Created build #1: https://percy.io/[your-project]
[percy] Snapshot taken "Appium WebdriverIO Example"
[percy] Stopping percy...
[percy] Finalized build #1: https://percy.io/[your-project]
[percy] Done!
Посетите следующие страницы для получения дополнительной информации:
- Интеграция ваших тестов WebdriverIO с Percy
- Страница переменных окружения
- Интеграция с использованием BrowserStack SDK, если вы используете BrowserStack Automate.
| Ресурс | Описание |
|---|---|
| Официальная документация | Документация App Percy для WebdriverIO |
| Пример сборки - Руководство | Руководство WebdriverIO для App Percy |
| Официальное видео | Визуальное тестирование с App Percy |
| Блог | Познакомьтесь с App Percy: платформа для автоматизированного визуального тестирования приложений с поддержкой ИИ |
