Testing

Unit-Tests

Unit-Tests testen einzelne Einheiten des Codes auf ihre Funktionalität und Leistung. Diese Tests helfen, Fehler in kleinen, isolierten Code-Abschnitten zu identifizieren und zu beheben, bevor sie sich auf das gesamte System auswirken.

Unit-Tests Beispiel:

Angenommen, wir haben eine einfache Komponente namens Button, die eine Schaltfläche mit einem Text rendert:

    
    import React from 'react';

    function Button({ text, onClick }) {
      return (
        <button onClick={onClick}>
          {text}
        </button>
      );
    }
    
    export default Button;
    
    

Wir möchten sicherstellen, dass die Komponente korrekt funktioniert und den angegebenen Text rendert und dass das angegebene onClick-Ereignis beim Klicken auf die Schaltfläche ausgelöst wird. Dazu können wir Unit-Tests schreiben:

    
import React from 'react';
import { render, fireEvent } from '@testing-library/react';
import Button from './Button';

describe('Button component', () => {
  test('renders the given text', () => {
    const { getByText } = render(<Button text="Click me" />);
    expect(getByText('Click me')).toBeInTheDocument();
  });

  test('triggers the given onClick event when clicked', () => {
    const handleClick = jest.fn();
    const { getByText } = render(<Button text="Click me" onClick={handleClick} />);
    fireEvent.click(getByText('Click me'));
    expect(handleClick).toHaveBeenCalledTimes(1);
  });
});

    
    

In diesem Beispiel verwenden wir die @testing-library/react-Bibliothek, um die Komponente zu rendern und Tests durchzuführen. Im ersten Test überprüfen wir, ob die Komponente den angegebenen Text rendert, indem wir nach dem Text suchen und überprüfen, ob er im Dokument vorhanden ist. Im zweiten Test simulieren wir einen Klick auf die Schaltfläche und überprüfen, ob das angegebene onClick-Ereignis ausgelöst wurde, indem wir eine Mock-Funktion mit jest.fn() erstellen und deren Aufrufe zählen.

Integrationstests

Integrationstests testen die Interaktion zwischen verschiedenen Einheiten des Codes. Diese Tests helfen, Probleme aufzudecken, die auftreten können, wenn verschiedene Code-Module zusammengeführt werden. Entwickler können sicherstellen, dass ihr Code in einer Integrationsumgebung getestet wird, bevor er in die Produktion geht, indem sie Continuous Integration (CI) verwenden.

Funktionale Tests

Funktionale Tests testen die gesamte Anwendung auf ihre Funktionalität und Leistung, um sicherzustellen, dass sie den Anforderungen entspricht. Diese Tests decken Fehler auf, die möglicherweise nur in bestimmten Anwendungsfällen oder unter bestimmten Bedingungen auftreten.

Usability-Tests

Usability-Tests testen die Benutzerfreundlichkeit der Anwendung, um sicherzustellen, dass sie einfach und intuitiv zu bedienen ist. Diese Tests helfen, Benutzerprobleme zu identifizieren und zu beheben, um sicherzustellen, dass die Anwendung für die Benutzer einfach und zugänglich ist.

Warum Testing ?

Tests leisten einen bedeutenden Beitrag zur Verbesserung der Qualität, Zuverlässigkeit und Sicherheit von Anwendungen. Indem sie Fehler und Schwachstellen identifizieren und beheben, bevor eine Anwendung veröffentlicht wird, tragen sie dazu bei, dass die Anwendung letztendlich besser und effektiver ist.