TESTING

 TESTING IS PERFORMED TO VERIFY IF THE SOFTWARE PRODUCT IS MEETING THE REQUIREMENTS OR NOT.

THERE ARE TWO TYPES OF TESTING,

MANUAL TESTING AND AUTOMATION TESTING

MANUAL TESTING

IN THIS PROCESS, THE TESTER MANUALLY CHECKS IF THE NECESSARY TASK IS BEING PERFORMED OR NOT.

FOR EXAMPLE , WHEN A BUTTON IS CLICKED A FORM HAS TO BE DISPLAYED AND IT NEEDS TO BE FILLED ACCORDINGLY. HERE, THE TESTER CLICKS ON THE BUTTON AND VERIFIES IF IT IS WORKING OR NOT.

WHEN THE  SOFTWARE IS UPDATED MANY NEW FEATURES ARE ADDED. THESE FEATURES ARE MANUALLY TESTED BUT ALREADY TESTED (EXISTING FEATURES) SHOULD ALSO BE TESTED TO MAKE SURE THAT THERE NO ISSUES GENERATED IN EXISTING FEATURES AFTER THE SOFTWARE IS UPDATED.

THE EXISTING TESTED FEATURES ARE TESTED USING THE PROCESS AUTOMATED TESTING OR AUTOMATION TESTING.

- FIRST MANUAL TESTING IS PERFORMED

- SCRIPTS ARE WRITTEN TO MAKE SURE THAT ALREADY TESTED FEATURES WOULD NOT BE RE-TESTED MANUALLY.

NOTE: THIS PROCESS IS EXECUTED IN THE BACKEND COMPLETELY, THE RESULTS CAN BE VIEWED ON THE CONSOLE.

TO EXECUTE THIS TESTING WE USE JEST.

 A TEST FOLDER IS CREATED , IN WHICH FILES ARE CREATED WITH THE EXTENSION .TEST.JS

 UNIT TESTING WITH JEST

HERO.TEST.JS

import React from "react";

import { render, screen } from "@testing-library/react";

import "@testing-library/jest-dom";

import Hero from "../landing_page/home/Hero";

describe("Hero component", () => {

  test("renders hero image", () => {

TEST NAME

    render(<Hero />);

    const HeroImg = screen.getByAltText("center img");

INCLUDES MANY FUNCTIONS

    expect(HeroImg).toBeInTheDocument();

WHAT WE ARE EXPECTING

    expect(HeroImg).toHaveAttribute("src", "media/images/watchlist.png");

TO FIND IT

  });

WE CHANGE THE NAME TO FIND OUT IF IT'S REALLY WORKING

MULTIPLE TESTS CAN ALSO BE PERFORMED.

import React from "react";

import { render, screen } from "@testing-library/react";

import "@testing-library/jest-dom";

import Hero from "../landing_page/home/Hero";

describe("Hero component", () => {

  test("renders hero image", () => {

    render(<Hero />);

    const HeroImg = screen.getByAltText("center img");

    expect(HeroImg).toBeInTheDocument();

    expect(HeroImg).toHaveAttribute("src", "media/images/watchlist.png");

  });

  test("renders signup button", () => {

    render(<Hero />);

    const signupButton = screen.getByRole("button",{name:"Signup now"});

    expect(signupButton).toBeInTheDocument();

    expect(signupButton).toHaveClass("btn-primary");

  });

});