При розробці веб-додатків одним із ключових аспектів є автоматизоване тестування для забезпечення якості продукту. Cypress – це інструмент, який здійснює тестування веб-додатків у реальному браузері. Одним з питань, що виникають при використанні Cypress, є можливість збереження випадкового тексту та його подальша перевірка. У цій статті ми розглянемо, як використовувати .as для збереження та перевірки випадкового тексту.
Cypress – це інструмент для автоматизованого тестування, який дозволяє створювати, запускати та відлажувати тести для веб-додатків. Він пропонує простий та зрозумілий синтаксис на основі JavaScript, що дозволяє розробникам швидко створювати надійні тести. Одним із функціональних можливостей Cypress є можливість збереження елементів за допомогою псевдонімів (aliases) за допомогою методу .as(). Це дозволяє зручно звертатися до цих елементів в подальших діях тесту.
Зазвичай, при автоматизованому тестуванні виникає потреба в випадкових даних, таких як випадкові рядки тексту. Для генерації випадкових текстових даних можна використовувати бібліотеку faker.js. Для встановлення цієї бібліотеки в проекті, достатньо виконати наступну команду:

Після встановлення бібліотеки faker.js ми можемо використовувати її для генерації випадкових текстових даних у тестах Cypress. Для цього використовується метод faker.lorem.words(), який генерує випадковий рядок слів. Однак, щоб зберегти цей випадковий текст для подальшого використання, ми можемо скористатися методом .as().

Ось приклад коду, який демонструє використання .as() для збереження випадкового тексту та його подальшої перевірки:

У цьому коді ми спочатку знаходимо елемент з ідентифікатором ‘inputField’ і вводимо у нього випадковий текст, згенерований за допомогою методу faker.lorem.words(). Потім ми зберігаємо цей випадковий текст за допомогою методу .as() під псевдонімом ‘randomText’. Наступним кроком є перевірка того, що значення поля містить випадковий текст, який ми зберегли раніше.

Варто зауважити, що при перевірці значення поля за допомогою методу .should() не потрібно знову викликати метод .get(‘@randomText’), оскільки Cypress автоматично розуміє, що ми посилаємось на псевдонім ‘randomText’.

Таким чином, використання методу .as() дозволяє зручно зберігати та перевіряти випадковий текст у тестах Cypress, що спрощує процес автоматизованого тестування веб-додатків.