1. Введение

Сегодня я хотел бы порекомендовать вам продукт, написанный на базе Node.js и известный как Браузер следующего поколения и мобильное Автоматизированное. тестированиерамка：WebdriverIO

Проще говоря：WebdriverIO — это среда автоматического тестирования с открытым исходным кодом, которая позволяет тестировщикам использовать Node.js Напишите автоматизированные тестовые сценарии для тестирования веб-, мобильных и настольных приложений. Способность выполнять сквозное (e2e), модульное и компонентное тестирование, в основном на основе WebDriver, WebDriver. Би Дива Хром Протокол DevTools работает. Многофункциональная и простая в использовании среда тестирования, поддерживающая множество браузеров и устройств и работающая с Selenium. WebDriver Совместимость с API.

Официальный сайт:

https://webdriver.io/

2. Основные функции и возможности

• Открытый исходный код：WebdriverIOэто Открытый исходный code project, который позволяет разработчикам и тестировщикам свободно использовать и изменять его в своих проектах.
• Кроссплатформенная, многоязычная поддержка.：Поддержка нескольких языков программирования（нравитьсяJavaScript、TypeScript、Python и т. д.) и различные операционные системы (например, Windows、Linux、Mac ОС и т. д.), обеспечивая кроссплатформенную и межъязыковую совместимость.
• Поддержка нескольких браузеров：WebdriverIOследоватьW3C Стандарт WebDriver обеспечивает плавную интеграцию с основным браузером при поддержке WebDriver. Би Дива Хром DevToolsПротокол,Воспользуйтесь преимуществами этих двух мощных наборов инструментов,Может напрямую управлять основными функциями Браузера.,Для более сложной отладки и тестирования.
• Интеграция с Appium：WebdriverIOне только поддержкаWebПриложениетест,Поддержка автоматизации для приложений Android и iOS также обеспечивается через платформу Appium.
• Богатый API и инструменты：WebdriverIOпредоставляет мощный наборAPIи инструменты,Позволяет разработчикам легко писать и выполнять сценарии «Автоматизированное обучение». Эти API и инструменты включают методы для перемещения по списку элементов (таких как $$, forEach, Map, Filter, Reduc и т. д.).,Это позволяет разработчикам гибко управлять элементами.
• Поддерживает несколько сред тестирования и библиотек утверждений.：WebdriverIOподдерживатьBDD/TDDтестрамка,Такие как огурец, жасмин и мокко.,А также библиотеки утверждений, такие как Chai, Expect.js и т. д. Эта поддержка позволяет разработчикам выбирать подходящие тестрамки и библиотеки утверждений для тестов в соответствии со своими предпочтениями и потребностями.
• Простота использования и расширяемость, инкапсуляция API Selenium WebDriver.：иSeleniumпо сравнению с,WebdriverIO предоставляет более простой API,Делает написание тестовых сценариев проще и понятнее.,Специально для разработчиков, знакомых с jQuery. Инкапсулируя Selenium WebDriver API, WebdriverIO обладает высокой масштабируемостью, что позволяет пользователям расширять его функциональность по мере необходимости.
• Поддержка нескольких режимов тестирования：WebdriverIOне только поддержкаwebприменяемый Автоматизированное тестирование, также поддерживает собственные мобильные приложения и тестовые настольные приложения, разработанные Electron.

3. Установка среды

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

• скачатьи Установить：доступNode.jsОфициальный сайтhttps://nodejs.org/Загрузите и установите последнюю стабильную версиюNode.js。Процесс установки обычно“дурацкий стиль”из,Нажмите напрямую“Следующий шаг”пока не будет завершено,И обязательно настройте его в переменных среды.
• После завершения установки откройте командную строку или терминал и введите node -v, чтобы проверить, успешно ли установлен Node.js. Если отображается номер версии, установка прошла успешно.

2. Инициализируйте пространство NPM

• В папке, в которой вы хотите хранить проект WebdriverIO (например, папка WebdriverIO-test на диске D), откройте командную строку или терминал.
• входитьnpm init -yЗаказ приходитинициализацияновыйизNPMпроектное пространство。Эта команда создастpackage.jsonдокумент,Используется для управления пакетами зависимостей проекта.

3. Установите интерфейс командной строки WebdriverIO.

• В командной строке или терминале,входитьnpm i --save-dev @wdio/cliЗаказ приходит УстановитьWebdriverIOиз Заказинтерфейс строки（CLI）。
• После завершения установки,Можно найти вnode_modules/.bin/Нашел в каталогеwdioЗаказ。Но для удобства использования,Рекомендуется добавить его в переменные среды,Или вызовите его по полному пути из командной строки.

4. Создайте файл конфигурации.

• После установки CLI,использоватьnpx wdio config команда для создания базового файла конфигурации
• После выполнения команды в корневом каталоге проекта будет создан файл wdio.conf.js. Этот файл содержит информацию о конфигурации WebdriverIO.

5. Установите другие зависимости (необязательно)

• На основе ваших потребностей в тестировании,Вам также может потребоваться установить другие пакеты NPM.,Например, пакет npm драйвера Браузер (chromedriver, geckodriver и т. д.).
• Эти пакеты доступны через npm. installЗаказ приходит Установить,примернравиться：npm install chromedriver。

Для таких браузеров, как Chrome и Firefox, вам необходимо загрузить драйвер (например, chromedriver, geckodriver), соответствующий версии браузера.

4. Пишите сценарии

в соответствии сwdio.conf.jsдокументсерединаконфигурацияэлемент,Настройте тестовую среду проекта, Браузер, тестрамку и т. д.,Вы можете приступить к написанию тестового сценария.

Ниже приведен простой пример сценария WebdriverIO для поиска «WebdriverIO» в Baidu:

// представлять WebdriverIO  
const { remote } = require('webdriverio');  
  
(async () => {  
    // настраивать WebDriver конфигурация  
    const options = {  
        path: '/',  
        capabilities: {  
            browserName: 'chrome'  
        }  
    };  
  
    // инициализация WebDriver Пример  
    const browser = await remote(options);  
    try {  
        // Открыть домашнюю страницу Baidu  
        await browser.url('https://www.baidu.com');  
        // Введите слово поиск в поле поиска  
        await browser.setValue('#kw', 'WebdriverIO');  
        // Нажмите кнопку поиска  
        await browser.click('#su');  
        // Подождите, пока загрузится страница результатов поиска.  
        await browser.pause(2000); // Простое использование здесь пауза, в реальных проектах может потребоваться более сложная стратегия ожидания  
        // Получите заголовок результата поиска (при условии, что это первый результат поиска)  
        const title = await browser.getTitle();  
        console.log('Заголовок страницы результатов поиска:', title);  

        // Закрыть Браузер  
        await browser.deleteSession();  
    } catch (err) {  
        console.error('testError:', err);  
    }  
})();

В этом примере используется удаленный метод для инициализации экземпляра WebDriver, который представляет собой использование WebdriverIO v5. Если вы используете WebdriverIO v6 или выше, вам может потребоваться использовать другой API (например, новый браузер()).

5. Резюме

В итоге,WebdriverIOэто Мощный、Гибкий и простой в использованиииз Автоматизированное обучающая рамка, подходящая для различных тестовых сценариев и потребностей. Независимо от того, являетесь ли вы новичком или опытным инженером, вы можете добиться эффективного Автоматизированного тестирования с помощью WebdriverIO. Кстати, заинтересованные читатели могут попробовать.

элементадрес назначения：https://github.com/webdriverio/webdriverio