Համեմատեք JavaScript-ում օգտագործողի ինտերֆեյսի ավտոմատացման համար թեստային ֆրեյմվորկերը։

Ինքնուրույն UI ավտոմատացման համար JavaScript-ում կան մի քանի հանրահայտ ֆրեյմվորկներ:

• Selenium WebDriver (օրինակ՝ Selenium-Webdriver-JS գրադարանով): Հետաքրքիր, բազմաբրաուզերային, մեծ համայնքային աջակցությամբ: Աշխատում է WebDriver ստանդարտ պրոտոկոլով: Միգուցե ավելի բարդ լինի նորեկների համար:
• Cypress: Արագ, ինտեգրված (առանց արտաքին կախվածությունների, օրինակ՝ WebDriver սերվեր): Կենտրոնացած է բրաուզերային թեստավորման վրա, ունի հիանալի վահանակ արդյունքների համար: Չի աջակցում միաժամանակ մի քանի թերթիկների կամ կросս-դոմ թեստավորման համար:
• Playwright: Microsoft-ի մշակած: Արագ, հուսալի, աջակցում է միաժամանակ թեստերի գործարկմանը ըստ նախնական կարգավորումների, աշխատում է բոլոր ժամանակակից բրաուզերների հետ: Ունի լավ աջակցություն տարբեր լեզուների համար, ներառյալ JavaScript-ը: Հաշվվում է որպես ավելի "համաժամ" մրցակից Cypress և Selenium:
• TestCafe: Չի պահանջում WebDriver կամ արտաքին պլագիններ: Թեստերը կատարում է անմիջապես բրաուզերում: Պարզ է կարգավորելու համար, աջակցում է միաժամանակ գործարկմանը: Կարող է ունենալ սահմանափակումներ որոշ հատուկ DOM տարրերի կամ իրադարձությունների հետ աշխատելիս:

Դիտարկենք համեմատությունը աղյուսակում:

Քննիչ	Selenium WebDriver	Cypress	Playwright	TestCafe
Արշավատու	WebDriver Protocol	Բրաուզեր ներսում	Բրաուզեր ներսում / Out-of-process	Բրաուզեր ներսում
Արագություն	Միջին	Բարձր	Շատ բարձր	Բարձր
Միաժամանակ գործարկում	Պահանջում կարգավորումներ	Միջին աջակցություն	Բարձր, ըստ նախնական կարգավորումների	Լավ
Կրոսս-բրաուզերություն	Հիանալի	Սահմանափակ (հիմնականները)	Հիանալի	Լավ
Կարգավորումների պարզություն	Միջին	Բարձր	Բարձր	Բարձր
iFrames աջակցություն	Լավ	Սահմանափակված	Հիանալի	Լավ
Հաշվետվություն	Հիմնական (պահանջում պլագիններ)	Հիանալի (Dashboard)	Լավ (Hooks, Reporters)	Լավ
Համայնք	Շատ մեծ	Մեծ	Արագ աճում է	Միջին

Նմուշ կոդ յուրաքանչյուր ֆրեյմվորկի համար՝ էջ բացելու և վերնագրի ստուգման համար:

// Selenium WebDriver (օգտագործելով selenium-webdriver)
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('Վերնագիրն ճիշտ է!');
    } else {
      console.error('Վերնագիրն սխալ է:', title);
    }
  } finally {
    await driver.quit();
  }
})();

// Cypress
describe('Example Domain', () => {
  it('should have the correct title', () => {
    cy.visit('http://www.example.com');
    cy.title().should('eq', 'Example Domain');
  });
});

// Playwright (օգտագործելով Playwright Test)
const { test, expect } = require('@playwright/test');

test('should have the correct title', 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('should have the correct title', async t => {
    await t.expect(t.title).eql('Example Domain');
});

Ընտրելիս ֆրեյմվորկը կարևոր է հաշվի առնել նախագծի պահանջները, թիմի փորձը, միաժամանակ գործարկման անհրաժեշտությունը, կրոսս-բրաուզերային աջակցությունը և բյուջեն։