Ilova dasturining mijoz qismi testlari haqida gapirib…

Mijozlar qismi testlari (front-end testlar) foydalanuvchi interfeysining to'g'ri ishlashini va uning bilan o'zaro ta'sirini tekshirishga qaratilgan. Asosiy maqsad - ilova turli qurilmalarda va brauzerlarda yakuniy foydalanuvchi nuqtai nazaridan to'g'ri ko'rinishda, harakatda va ishlashda ekanligini ta'minlash.

Mijozlar qismi testlarining turlari:

Vizual testlar (Visual Testing): Interfeys elementlarining tashqi ko'rinishini, maketlar va dizaynga mosligini, qoplamalar, siljishlar va boshqa vizual nuqsonlarning yo'qligini tekshirish.
Funktsional testlar (Functional Testing): Barcha interaktiv elementlar (tugmalar, shakllar, havolalar va boshqalar) va biznes mantiqining to'g'ri ishlashini tekshirish.
Kross-brauzer testlar (Cross-browser Testing): Ilovaning turli brauzerlarda (Chrome, Firefox, Safari, Edge va boshqalar) va ularning versiyalarida ko'rsatilishi va funksionalligi.
Kross-platforma testlar (Cross-platform Testing): Ilovaning Windows, macOS, Linux kabi turli operatsion tizimlarida va ularning versiyalarida ishlashini tekshirish.
Performans testlari (Performance Testing): Sahifalarni yuklash tezligi, interfeysning javob berishi, xotira va protsessor foydalanishini baholash.
Foydalanuvchi qulayligi testlari (Usability Testing): Interfeysning foydalanuvchi uchun oson va intuitiv bo'lishini, UX/UI standartlariga mosligini baholash.
Kirish imkoniyati testlari (Accessibility Testing): Ilovaning kirish imkoniyatlari standartlariga (masalan, WCAG) mosligini tekshirish.
Moslashuvchanlik testlari (Responsive Testing): Turli ekran o'lchamiga ega qurilmalarda ilovaning to'g'ri ko'rsatilishi va ishlashini tekshirish.
Xavfsizlik testlari (Security Testing): Cross-Site Scripting (XSS), Cross-Site Request Forgery (CSRF) kabi zaifliklar, foydalanuvchi autentifikatsiyasi va ruxsatlarini tekshirish.

Avtomatlashtirish uchun vositalar:

E2E va integratsiya testlari uchun: Selenium, Cypress, Playwright.
Modulli va komponentli testlar uchun: Jest, Mocha, Jasmine, Testing Library, Enzyme.
Vizual testlar uchun: Applitools, Percy.
Performans uchun: Lighthouse, WebPageTest.
Kirish imkoniyati uchun: Axe DevTools, WAVE.

Cypress bilan test misoli:

// cypress/integration/example.spec.js
describe('Bosh sahifa testlari', () => {
  beforeEach(() => {
    cy.visit('/'); // Bosh sahifaga o'tish
  });

  it('Sahifa sarlavhasini tekshirish', () => {
    cy.title().should('eq', 'Ilova nomi'); // Brauzer yorlig'idagi sarlavha
  });

  it('Asosiy element mavjudligini tekshirish', () => {
    cy.get('h1').should('contain', 'Xush kelibsiz'); // h1 elementining mavjudligini tekshirish
  });

  it('Tugma ish faoliyatini tekshirish', () => {
    cy.get('button#myButton').click(); // 'myButton' idli tugmani bosish
    cy.get('.success-message').should('be.visible'); // Muvaffaqiyat xabarining ko'rinishini tekshirish
  });
});

Jest va React Testing Library bilan React komponenti uchun test misoli:

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

describe('Button komponentini test qilish', () => {
  it('Tugma to'g'ri matn bilan ko'rsatiladi', () => {
    render(<Button text="Meni bosing" />);
    const buttonElement = screen.getByText(/Meni bosing/i);
    expect(buttonElement).toBeInTheDocument(); // Element mavjudligini tekshirish
  });

  it('Klik qilish hodisasi chaqiriladi', () => {
    const handleClick = jest.fn(); // Mock-funksiya
    render(<Button text="Meni bosing" onClick={handleClick} />);
    const buttonElement = screen.getByText(/Meni bosing/i);
    fireEvent.click(buttonElement); // Klikni simulyatsiya qilish
    expect(handleClick).toHaveBeenCalledTimes(1); // Chaqirilganligini tekshirish
  });
});

Mijozlar qismi test strategiyasi ilovaning arxitekturasi, texnologiyalari va talablariga bog'liq. Odatda, testlar piramidasidan foydalaniladi: ko'proq unit-testlar, kamroq integratsiya va E2E testlar. Qo'lda test qilish ham qulaylik va vizual aspektlarni tekshirish uchun muhimdir.

Ilova dasturining mijoz qismi testlari haqida gapirib bering.