Skip to main content

Project Form Modal Component

Overview​

This test suite verifies the UI and Logic of the ProjectFormModal component.

Test Cases​

Test: Renders create/edit component correctly​

  • Description: Verifies the presence of the Modal, Image, Name and Description of the form based on the modal type.
  • Setup: The ProjectFormModal component is rendered.
  • Expectation: Users should be able to locate the Image, Name and Description Input Field for the form.
    • Assertion 1: Modal(project-form-modal) is present in the rendered component.
    • Assertion 2: Image(Project Image coverOne) is present in the rendered component.
    • Assertion 3: Name(Project Name) is present in the rendered component.
    • Assertion 4: Description(Description) is present in the rendered component.

Test: Change Form's Image with Default Image​

  • Description: Validates the behavior when users chooses a default image.
  • Setup: The ProjectFormModal component is rendered.
  • Expectation: Users should observe that the selected image has a highlighted color.
    • Assertion: Ensures that the selected image has a style of filter: none

Test: Change Form's Name​

  • Description: Validates the behavior when users input text at the name input field.
  • Setup: The ProjectFormModal component is displayed.
  • Expectation: Users should observe that the name input field's value changes on user's input.
    • Assertion: Ensures that the name input field's value changes based on the user's input.

Test: Change Form's Description​

  • Description: Validates the behavior when users input text at the description input field.
  • Setup: The ProjectFormModal component is displayed.
  • Expectation: Users should observe that the description input field's value changes on user's input.
    • Assertion: Ensures that the description input field's value changes based on the user's input.