გთხოვთ, აღწერეთ აპლიკაციის მომხმარებლის ნაწილის ტესტირება.

Клиенттик бөлүктү тестирлөө (фронтенд-тестирлөө) колдонуучу интерфейсинин жана анын менен өз ара аракеттенүүнүн туура иштешин текшерүүгө багытталган. Негизги максат - колдонмо ар кандай түзмөктөрдө жана браузерлерде кардар көз карашынан туура көрүнүп, иштеши жана иштеши керек экенине ишенүү.

Клиенттик бөлүктүн тестирлөөнүн түрлөрү:

• Көрүнүштүк тестирлөө (Visual Testing): Интерфейс элементтеринин көрүнүшүн, макеттер менен дизайнга дал келүүсүн, капталыштардын, жылуулардын жана башка визуалдык кемчиликтердин жоктугун текшерүү.
• Функционалдык тестирлөө (Functional Testing): Бардык интерактивдүү элементтердин (батырмалар, формалар, шилтемелер жана башка) жана бизнес логиканын туура иштешин текшерүү.
• Крос-браузердик тестирлөө (Cross-browser Testing): Колдонмонун ар башка веб-браузерлерде (Chrome, Firefox, Safari, Edge жана башка) жана алардын версияларында көрсөтүлүшү жана иштеши.
• Крос-платформалуу тестирлөө (Cross-platform Testing): Колдонмонун ар башка иштөө тутумдарында (Windows, macOS, Linux) жана алардын версияларында иштеши.
• Өндүрүмдүүлүк тестирлөө (Performance Testing): Баракчалардын жүктөө ылдамдыгын, интерфейсдин жооп берүүсүн, эс тутум жана процессорду колдонушун баалоо.
• Колдонуучунун ыңгайлуулугун тестирлөө (Usability Testing): Колдонуучуга интерфейсдин жеңилдиги жана интуитивдүүлүгүн баалоо, жалпы кабыл алынган UX/UI стандарттарына ылайыкташтыруу.
• Жеткиликтүүлүк тестирлөө (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 тесттер. Колдонуучу тарабынан жасалган тесттер автоматташтыруу кыйынчылыктарын жоюу үчүн маанилүү.