Պատմեք ծրագրի հաճախորդային մասի թեստավորման մասին։

Կլիենտային մասի թեստավորումը (ֆրոնտենդի թեստավորումը) ուղղված է օգտագործողի ինտերֆեյսի և նրա հետ փոխազդեցության ճիշտ աշխատանքի ստուգմանը: Հիմնական նպատակն է համոզվել, որ հավելվածը տեսք ունի, վարքագիծ և գործառույթ ճիշտ է, դիտարկելով տարբեր սարքերում և բրաուզերներում:

Կլիենտային մասի թեստավորման տեսակներ:

• Տեսողական թեստավորում (Visual Testing): Ինտերֆեյսի տարրերի տեսքի ստուգում, համապատասխանությունը մոդելներին և դիզայնին, բացակայություն շփումների, տեղաշարժերի և այլ տեսողական թերությունների:
• Ֆունկցիոնալ թեստավորում (Functional Testing): Բոլոր ինտերակտիվ տարրերի (կոճակներ, ֆորմաներ, հղումներ և այլն) և բիզնես տրամաբանության ճիշտ աշխատանքի ստուգում, որը իրականացվում է հաճախորդի կողմից:
• Կրոս-բրաուզերային թեստավորում (Cross-browser Testing): Հավելվածի ցուցադրության և գործառույթների ստուգում տարբեր վեբ բրաուզերներում (Chrome, Firefox, Safari, Edge և այլն) և դրանց տարբերակներում:
• Կրոս-հարթակային թեստավորում (Cross-platform Testing): Հավելվածի աշխատանքի ստուգում տարբեր օպերացիոն համակարգերում (Windows, macOS, Linux) և դրանց տարբերակներում:
• Աշխատունակության թեստավորում (Performance Testing): Էջերի բեռնման արագության, ինտերֆեյսի արձագանքման, հիշողության և պրոցեսորի օգտագործման գնահատում:
• Օգտագործման հարմարավետության թեստավորում (Usability Testing): Օգտագործողի համար ինտերֆեյսի հեշտության և ինտուիտիվության գնահատում, համապատասխանության ստանդարտներին:
• Հասանելիության թեստավորում (Accessibility Testing): Հավելվածի համապատասխանության ստուգում հասանելիության ստանդարտներին (օրինակ, WCAG)՝ սահմանափակ հնարավորություններով օգտվողների համար:
• Ռեսպոնսիվության թեստավորում (Responsive Testing): Հավելվածի ճիշտ ցուցադրման և աշխատանքի ստուգում տարբեր էկրանների չափերով սարքերում (դեսկտոպ, պլանշետ, մոբայլ հեռախոս):
• Անվտանգության թեստավորում (Security Testing): Հաճախորդի կողմից հնարավոր թերությունների ստուգում, ինչպիսիք են Cross-Site Scripting (XSS) կամ Cross-Site Request Forgery (CSRF), օգտվողի նույնականացում և թույլտվություն:

Տվյալների ավտոմատացման գործիքներ:

• E2E (End-to-End) և ինտեգրացիոն թեստավորման համար՝ Selenium, Cypress, Playwright:
• Մոդուլային և կոմպոնենտային թեստավորման համար՝ Jest, Mocha, Jasmine (JavaScript/TypeScript), Testing Library, Enzyme:
• Տեսողական թեստավորման համար՝ Applitools, Percy:
• Աշխատունակության թեստավորման համար՝ Lighthouse, WebPageTest:
• Հասանելիության թեստավորման համար՝ Axe DevTools, WAVE:

Cypress-ի օրինակային թեստ:

// cypress/integration/example.spec.js
describe('Հիմնական էջի թեստավորում', () => {
  նախապատրաստում() => {
    cy.visit('/'); // Գլխավոր էջի այցելություն
  });

  այն('Էջի վերնագրի ստուգում', () => {
    cy.title().should('eq', 'Հավելվածի անվանում'); // Բրաուզերի տաբի վերնագրի ստուգում
  });

  այն('Հիմնական տարրի առկայության ստուգում', () => {
    cy.get('h1').should('contain', 'Բարի գալուստ'); // h1 տարրի առկայության ստուգում
  });

  այն('Կոճակի աշխատանքի ստուգում', () => {
    cy.get('button#myButton').click(); // Կոճակին սեղմում է id-ով 'myButton'
    cy.get('.success-message').should('be.visible'); // Հաջողության հաղորդագրության տեսանելիության ստուգում
  });
});

React-ի կոմպոնենտի համար Jest և React Testing Library օգտագործելով՝

// src/components/Button/Button.test.js
import { render, screen, fireEvent } from '@testing-library/react';
import Button from './Button';

describe('Button կոմպոնենտի թեստավորում', () => {
  այն('Կոճակը ցուցադրվում է ճիշտ տեքստով', () => {
    render(<Button text="Կլիկմ ինձ" />);
    const buttonElement = screen.getByText(/Կլիկմ ինձ/i);
    expect(buttonElement).toBeInTheDocument(); // Կոճակի առկայության ստուգում
  });

  այն('Կլիկի մշակողը կանչվում է սեղմման ժամանակ', () => {
    const handleClick = jest.fn(); // Մոկ ֆունկցիա
    render(<Button text="Կլիկմ ինձ" onClick={handleClick} />);
    const buttonElement = screen.getByText(/Կլիկմ ինձ/i);
    fireEvent.click(buttonElement); // Սիմուլացիա սեղմման
    expect(handleClick).toHaveBeenCalledTimes(1); // Ստուգում, որ ֆունկցիան կանչվել է մեկ անգամ
  });
});

Կլիենտային մասի թեստավորման ռազմավարությունը կախված է հավելվածի ճարտարապետությունից, օգտագործվող տեխնոլոգիաներից և պահանջներից: Հաճախ կիրառվում է թեստավորման պիրամիդա՝ ավելի շատ միավորային թեստեր, քիչ ինտեգրացիոն և E2E թեստեր: Հետաքննային թեստավորումը կարևոր է օգտագործման հարմարավետության և տեսողական կողմերի ստուգման համար, որոնք դժվար է լիովին ավտոմատացնել։