Clarity-89

fireEvent.change(screen.getByRole("textbox", { name: "Name" }), {
    target: { value: "Test" },
});

Clarity-89

const defaultData = {
  conditionsAccepted: false,
  confirmPassword: "",
  email: "",
  name: "",
  password: "",
};

describe("Form", () => {
  it("should save correct data on submit", () => {

Clarity-89

export const Form = ({ saveData }) => {
    const [state, setState] = useState({
        name: "",
        email: "",
        password: "",
        confirmPassword: "",
        conditionsAccepted: false,
    });

    const onFieldChange = (event) => {

Clarity-89

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

import { ListPage } from "./ListPage";

describe("ListPage", () => {
  it("renders without breaking", () => {
    render(<ListPage />);

    expect(

Clarity-89

import { render } from '@testing-library/react';
import React from 'react';

import { ListPage } from './ListPage';

describe('ListPage', () => {
    it('renders without breaking', () => {
        expect(() => render(<ListPage />)).not.toThrow();
    });
});

Clarity-89

export const ListPage = () => {
  return (
    <div className="text-list__container">
      <h1>List of items</h1>
      <ItemList />
    </div>
  );
};

Clarity-89

import React, { ChangeEvent, FormEvent, useState } from "react";
import "./form.css";

export const Form = () => {
    const [state, setState] = useState({
        name: "",
        email: "",
        password: "",
        confirmPassword: "",
        conditionsAccepted: false,

Clarity-89

else if (event.target.type === "number") {
    value = parseInt(event.target.value, 10);
}

Clarity-89

export const Form = () => {
  const [state, setState] = useState({
    name: "",
    email: "",
    password: "",
    confirmPassword: "",
    conditionsAccepted: false,
  });

  const onFieldChange = (event: any) => {

Clarity-89

 <input
  id="name"
  onChange={(event) => setState({ ...state, name: event.target.value })}
/>