JavaScript-də istifadəçi interfeysinin…

JavaScript-də UI avtomatlaşdırması üçün bir neçə məşhur çərçivə mövcuddur:

Selenium WebDriver (məsələn, Selenium-Webdriver-JS kitabxanası ilə): Ətraflı, çox brauzerli, böyük dəstək icması ilə. Standartlaşdırılmış WebDriver protokolundan istifadə edir. Yeni başlayanlar üçün daha mürəkkəb görünə bilər.
Cypress: Sürətli, inteqrasiya olunmuş (WebDriver server kimi xarici asılılıqlar olmadan). Brauzer daxilində testlərə yönəlib, nəticələr üçün əla paneli var. Bir testdə çoxlu tab və ya cross-domen testləri dəstəkləmir.
Playwright: Microsoft tərəfindən hazırlanıb. Sürətli, etibarlı, standart olaraq paralel test icrasını dəstəkləyir, bütün müasir brauzerlərlə işləyir. JavaScript daxil olmaqla müxtəlif dillər üçün yaxşı dəstək var. Cypress və Selenium-un "daha müasir" rəqibi sayılır.
TestCafe: WebDriver və ya xarici plaginlər tələb etmir. Birbaşa brauzerdə testləri icra edir. Asan qurulur, paralel icra dəstəkləyir. Bəzi DOM elementləri və hadisələrlə işləməkdə məhdudiyyətləri ola bilər.

Aşağıdakı cədvəldə müqayisə:

Kriteriya	Selenium WebDriver	Cypress	Playwright	TestCafe
Memarlıq	WebDriver Protokolu	Brauzer daxilində	Brauzer daxilində / Out-of-process	Brauzer daxilində
Sürət	Orta	Yüksək	Çox yüksək	Yüksək
Paralel icra	Konfiqurasiya tələb edir	Orta dəstək	Əla, standart	Yaxşı
Cross-browser dəstək	Əla	Məhduddur (əsaslar)	Əla	Yaxşı
Quruluş asanlığı	Orta	Yüksək	Yüksək	Yüksək
iFrames dəstəyi	Yaxşı	Məhduddur	Əla	Yaxşı
Hesabatlıq	Əsas (plaginlər tələb edir)	Əla (Dashboard)	Yaxşı (Hooks, Reporters)	Yaxşı
İcma	Çox böyük	Böyük	Tez böyüyür	Orta

Hər çərçivə üçün səhifəni açmaq və başlıq yoxlamaq üçün kod nümunələri:

// Selenium WebDriver (selenium-webdriver istifadə edərək)
const { Builder, By, Key, until } = require('selenium-webdriver');

(async function example() {
  let driver = await new Builder().forBrowser('chrome').build();
  try {
    await driver.get('http://www.example.com');
    let title = await driver.getTitle();
    if (title === 'Example Domain') {
      console.log('Başlıq düzgün!');
    } else {
      console.error('Başlıq düzgün deyil:', title);
    }
  } finally {
    await driver.quit();
  }
})();

// Cypress
describe('Example Domain', () => {
  it('düzgün başlığa sahib olmalıdır', () => {
    cy.visit('http://www.example.com');
    cy.title().should('eq', 'Example Domain');
  });
});

// Playwright (Playwright Test istifadə edərək)
const { test, expect } = require('@playwright/test');

test('düzgün başlığa sahib olmalıdır', async ({ page }) => {
  await page.goto('http://www.example.com');
  await expect(page).toHaveTitle(/Example Domain/);
});

// TestCafe
fixture('Example Domain')
    .page('http://www.example.com');

test('düzgün başlığa sahib olmalıdır', async t => {
    await t.expect(t.title).eql('Example Domain');
});

Çərçivəni seçərkən layihənin tələblərini, komandanın təcrübəsini, paralel icra ehtiyacını, cross-browser dəstəyini və alətlər üçün büdcəni nəzərə almaq vacibdir.

JavaScript-də istifadəçi interfeysinin avtomatlaşdırılması üçün test çərçivələrini müqayisə edin.