Для мобильных приложений

Интеграция ваших тестов 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: платформа для автоматизированного визуального тестирования приложений с поддержкой ИИ