@dxc-technology/halstack-react 0.0.0-f77ec3a → 0.0.0-f7c9808

package/test/NumberInput.test.js

@@ -1,259 +0,0 @@
-import React from "react";
-import { render, fireEvent } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import DxcNumberInput from "../src/number-input/NumberInput";
-
-describe("Number input component tests", () => {
-  test("Number input renders with label", () => {
-    const { getByText } = render(<DxcNumberInput label="Number input label" />);
-    expect(getByText("Number input label")).toBeTruthy();
-  });
-
-  test("Number input renders with helper text", () => {
-    const { getByText } = render(<DxcNumberInput helperText="Helper text" />);
-    expect(getByText("Helper text")).toBeTruthy();
-  });
-
-  test("Number input renders with placeholder", () => {
-    const { getByLabelText } = render(<DxcNumberInput label="Number label" placeholder="Placeholder" />);
-    const number = getByLabelText("Number label");
-    expect(number.getAttribute("placeholder")).toBe("Placeholder");
-  });
-
-  test("Number input renders increment and decrement buttons", () => {
-    const { queryAllByRole } = render(<DxcNumberInput label="Number label" />);
-    expect(queryAllByRole("button").length).toBe(2);
-  });
-
-  test("Number input is disabled", () => {
-    const { getByLabelText } = render(<DxcNumberInput label="Number label" disabled />);
-    const number = getByLabelText("Number label");
-    expect(number.disabled).toBeTruthy();
-  });
-
-  test("Number input is optional", () => {
-    const { getByText } = render(<DxcNumberInput label="Number label" optional />);
-    expect(getByText("(Optional)")).toBeTruthy();
-  });
-
-  test("Number input is not optional: required field, displays error if not filled in", () => {
-    const onBlur = jest.fn();
-    const onChange = jest.fn();
-    const { getByRole } = render(<DxcNumberInput onBlur={onBlur} onChange={onChange} />);
-    const input = getByRole("textbox");
-
-    userEvent.type(input, "1");
-    userEvent.clear(input);
-    fireEvent.blur(input);
-    expect(onBlur).toHaveBeenCalled();
-    expect(onBlur).toHaveBeenCalledWith({ value: "", error: "This field is required. Please, enter a value." });
-    expect(onChange).toHaveBeenCalled();
-    expect(onChange).toHaveBeenCalledWith({ value: "", error: "This field is required. Please, enter a value." });
-  });
-
-  test("Suffix and prefix must be shown)", () => {
-    const { getByText } = render(<DxcNumberInput label="Number input label" prefix="+34" suffix="USD" />);
-    expect(getByText("+34")).toBeTruthy();
-    expect(getByText("USD")).toBeTruthy();
-  });
-
-  test("Invalid number input renders error", () => {
-    const { getByText } = render(<DxcNumberInput error="Error message." />);
-    expect(getByText("Error message.")).toBeTruthy();
-  });
-
-  test("onChange function is called correctly", () => {
-    const onChange = jest.fn();
-    const { getByLabelText } = render(<DxcNumberInput label="Number input label" onChange={onChange} />);
-    const number = getByLabelText("Number input label");
-    userEvent.type(number, "t");
-    expect(onChange).not.toHaveBeenCalledWith({ value: "t", error: null });
-    expect(number.value).toBe("");
-    userEvent.type(number, "1");
-    expect(onChange).toHaveBeenCalledWith({ value: "1", error: null });
-    expect(number.value).toBe("1");
-  });
-
-  test("Error message is shown if the value is less than the min value", () => {
-    const onChange = jest.fn(({ value, error }) => {
-      expect(value).toBe("1");
-      expect(error).toBe("Value must be greater than or equal to 5.");
-    });
-    const onBlur = jest.fn(({ value, error }) => {
-      expect(value).toBe("1");
-      expect(error).toBe("Value must be greater than or equal to 5.");
-    });
-    const { getByLabelText } = render(
-      <DxcNumberInput label="Number input label" min={5} onBlur={onBlur} onChange={onChange} />
-    );
-    const number = getByLabelText("Number input label");
-
-    userEvent.type(number, "1");
-    fireEvent.blur(number);
-  });
-
-  test("Cannot decrement the value if it is less than the min value", () => {
-    const { getByLabelText, getAllByRole } = render(<DxcNumberInput label="Number input label" min={5} />);
-    const number = getByLabelText("Number input label");
-    userEvent.type(number, "1");
-    fireEvent.blur(number);
-    expect(number.value).toBe("1");
-    const decrement = getAllByRole("button")[0];
-    userEvent.click(decrement);
-    expect(number.value).toBe("1");
-  });
-
-  test("Increment the value when it is less than the min value", () => {
-    const { getByLabelText, getAllByRole } = render(<DxcNumberInput label="Number input label" min={5} />);
-    const number = getByLabelText("Number input label");
-    userEvent.type(number, "1");
-    fireEvent.blur(number);
-    expect(number.value).toBe("1");
-    const increment = getAllByRole("button")[1];
-    userEvent.click(increment);
-    expect(number.value).toBe("5");
-  });
-
-  test("Error message is shown if the value is greater than the max value", () => {
-    const onChange = jest.fn();
-    const onBlur = jest.fn();
-    const { getByLabelText } = render(
-      <DxcNumberInput label="Number input label" max={10} onBlur={onBlur} onChange={onChange} />
-    );
-    const number = getByLabelText("Number input label");
-
-    userEvent.type(number, "12");
-    expect(onChange).toHaveBeenCalledTimes(2);
-    expect(onChange).toHaveBeenCalledWith({ value: "12", error: "Value must be less than or equal to 10." });
-    fireEvent.blur(number);
-    expect(onBlur).toHaveBeenCalled();
-    expect(onBlur).toHaveBeenCalledWith({ value: "12", error: "Value must be less than or equal to 10." });
-  });
-
-  test("Cannot increment the value if it is greater than the max value", () => {
-    const { getByLabelText, getAllByRole } = render(<DxcNumberInput label="Number input label" max={10} />);
-    const number = getByLabelText("Number input label");
-    userEvent.type(number, "12");
-    fireEvent.blur(number);
-    expect(number.value).toBe("12");
-    const decrement = getAllByRole("button")[1];
-    userEvent.click(decrement);
-    expect(number.value).toBe("12");
-  });
-
-  test("Decrement the value when it is greater than the max value", () => {
-    const { getByLabelText, getAllByRole } = render(<DxcNumberInput label="Number input label" max={10} />);
-    const number = getByLabelText("Number input label");
-    userEvent.type(number, "12");
-    fireEvent.blur(number);
-    expect(number.value).toBe("12");
-    const decrement = getAllByRole("button")[0];
-    userEvent.click(decrement);
-    expect(number.value).toBe("10");
-  });
-
-  test("Increment and decrement the value with min and max values", () => {
-    const { getByLabelText, getAllByRole } = render(<DxcNumberInput label="Number input label" min={5} max={10} />);
-    const number = getByLabelText("Number input label");
-    userEvent.type(number, "1");
-    fireEvent.blur(number);
-    expect(number.value).toBe("1");
-    const decrement = getAllByRole("button")[0];
-    userEvent.click(decrement);
-    expect(number.value).toBe("1");
-    const increment = getAllByRole("button")[1];
-    userEvent.click(increment);
-    expect(number.value).toBe("5");
-    userEvent.click(increment);
-    userEvent.click(increment);
-    userEvent.click(increment);
-    userEvent.click(increment);
-    userEvent.click(increment);
-    expect(number.value).toBe("10");
-    userEvent.click(increment);
-    expect(number.value).toBe("10");
-  });
-
-  test("Increment and decrement the value with step", () => {
-    const { getByLabelText, getAllByRole } = render(<DxcNumberInput label="Number input label" step={5} />);
-    const number = getByLabelText("Number input label");
-    userEvent.type(number, "10");
-    fireEvent.blur(number);
-    expect(number.value).toBe("10");
-    const increment = getAllByRole("button")[1];
-    userEvent.click(increment);
-    expect(number.value).toBe("15");
-    userEvent.click(increment);
-    expect(number.value).toBe("20");
-    const decrement = getAllByRole("button")[0];
-    userEvent.click(decrement);
-    expect(number.value).toBe("15");
-    userEvent.click(decrement);
-    expect(number.value).toBe("10");
-  });
-
-  test("Increment and decrement the value with min, max and step", () => {
-    const onBlur = jest.fn(({ value, error }) => {
-      expect(value).toBe("1");
-      expect(error).toBe("Value must be greater than or equal to 5.");
-    });
-    const { getByLabelText, getAllByRole } = render(
-      <DxcNumberInput label="Number input label" min={5} max={20} step={8} onBlur={onBlur} />
-    );
-    const number = getByLabelText("Number input label");
-    userEvent.type(number, "1");
-    fireEvent.blur(number);
-    const increment = getAllByRole("button")[1];
-    userEvent.click(increment);
-    expect(number.value).toBe("5");
-    userEvent.click(increment);
-    expect(number.value).toBe("13");
-    userEvent.click(increment);
-    expect(number.value).toBe("20");
-    userEvent.click(increment);
-    expect(number.value).toBe("20");
-    const decrement = getAllByRole("button")[0];
-    userEvent.click(decrement);
-    expect(number.value).toBe("12");
-    userEvent.click(decrement);
-    expect(number.value).toBe("5");
-    userEvent.click(decrement);
-    expect(number.value).toBe("5");
-  });
-
-  test("Increment and decrement the value with min, max and step using the arrows in keyboard", () => {
-    const { getByLabelText } = render(<DxcNumberInput label="Number input label" min={5} max={20} step={5} />);
-    const number = getByLabelText("Number input label");
-    userEvent.type(number, "1");
-    fireEvent.keyDown(number, { keyCode: 38 });
-    expect(number.value).toBe("5");
-    fireEvent.keyDown(number, { keyCode: 38 });
-    expect(number.value).toBe("10");
-    fireEvent.keyDown(number, { keyCode: 38 });
-    expect(number.value).toBe("15");
-    fireEvent.keyDown(number, { keyCode: 38 });
-    expect(number.value).toBe("20");
-    fireEvent.keyDown(number, { keyCode: 38 });
-    expect(number.value).toBe("20");
-    fireEvent.keyDown(number, { keyCode: 40 });
-    expect(number.value).toBe("15");
-    fireEvent.keyDown(number, { keyCode: 40 });
-    expect(number.value).toBe("10");
-    fireEvent.keyDown(number, { keyCode: 40 });
-    expect(number.value).toBe("5");
-    fireEvent.keyDown(number, { keyCode: 40 });
-    expect(number.value).toBe("5");
-  });
-
-  test("Number has correct accesibility attributes", () => {
-    const { getByLabelText, getAllByRole } = render(<DxcNumberInput label="Number input label" />);
-    const number = getByLabelText("Number input label");
-    expect(number.getAttribute("aria-autocomplete")).toBeNull();
-    expect(number.getAttribute("aria-controls")).toBeNull();
-    expect(number.getAttribute("aria-expanded")).toBeNull();
-    const decrement = getAllByRole("button")[0];
-    expect(decrement.getAttribute("aria-label")).toBe("Decrement");
-    const increment = getAllByRole("button")[1];
-    expect(increment.getAttribute("aria-label")).toBe("Increment");
-  });
-});

package/test/Paginator.test.js

@@ -1,181 +0,0 @@
-import React from "react";
-import { render, act } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import DxcPaginator from "../src/paginator/Paginator";
-
-describe("Paginator component tests", () => {
-  test("Paginator renders with default values", () => {
-    const { getByText } = render(<DxcPaginator></DxcPaginator>);
-    expect(getByText("1 to 1 of 1")).toBeTruthy();
-    expect(getByText("Page: 1 of 1")).toBeTruthy();
-  });
-
-  test("Paginator renders with currentPage", () => {
-    const { getByText } = render(<DxcPaginator currentPage={2}></DxcPaginator>);
-    expect(getByText("Page: 2 of 1")).toBeTruthy();
-  });
-
-  test("Paginator renders with itemsPerPageOptions", () => {
-    const { getByText } = render(
-      <DxcPaginator currentPage={1} itemsPerPage={10} itemsPerPageOptions={[10, 15]} totalItems={20}></DxcPaginator>
-    );
-    expect(getByText("Items per page")).toBeTruthy();
-  });
-
-  test("Paginator renders with itemsPerPageOptions", () => {
-    const { getByText } = render(<DxcPaginator currentPage={1} itemsPerPage={10} totalItems={20}></DxcPaginator>);
-    expect(getByText("1 to 10 of 20")).toBeTruthy();
-    expect(getByText("Page: 1 of 2")).toBeTruthy();
-  });
-
-  test("Paginator renders with totalItems", () => {
-    const { getByText } = render(<DxcPaginator totalItems={20}></DxcPaginator>);
-    expect(getByText("1 to 5 of 20")).toBeTruthy();
-    expect(getByText("Page: 1 of 4")).toBeTruthy();
-  });
-
-  test("Paginator renders with correct text in second page", () => {
-    const { getByText } = render(<DxcPaginator currentPage={2} itemsPerPage={10} totalItems={20}></DxcPaginator>);
-    expect(getByText("11 to 20 of 20")).toBeTruthy();
-    expect(getByText("Page: 2 of 2")).toBeTruthy();
-  });
-
-  test("Paginator renders goToPage select", () => {
-    const { getByText } = render(
-      <DxcPaginator currentPage={2} showGoToPage={true} itemsPerPage={10} totalItems={20}></DxcPaginator>
-    );
-    expect(getByText("Go to page:")).toBeTruthy();
-  });
-
-  test("Paginator goToPage call correct function", () => {
-    const onClick = jest.fn();
-    window.HTMLElement.prototype.scrollIntoView = () => {};
-    window.HTMLElement.prototype.scrollTo = () => {};
-    const { getByText, getAllByRole, getByRole } = render(
-      <DxcPaginator
-        currentPage={1}
-        itemsPerPage={10}
-        totalItems={27}
-        showGoToPage={true}
-        onPageChange={onClick}
-      ></DxcPaginator>
-    );
-    const goToPageSelect = getAllByRole("combobox")[0];
-    act(() => {
-      userEvent.click(goToPageSelect);
-    });
-    const goToPageOption = getByText("2");
-    act(() => {
-      userEvent.click(goToPageOption);
-    });
-    expect(onClick).toHaveBeenCalledWith(2);
-  });
-
-  test("Call correct goToPageFunction", () => {
-    const onClick = jest.fn();
-    const { getAllByRole } = render(
-      <DxcPaginator onPageChange={onClick} currentPage={1} itemsPerPage={10} totalItems={20}></DxcPaginator>
-    );
-    const nextButton = getAllByRole("button")[2];
-    userEvent.click(nextButton);
-    expect(onClick).toHaveBeenCalled();
-  });
-
-  test("Call correct itemsPerPageFunction", () => {
-    const onClick = jest.fn();
-    window.HTMLElement.prototype.scrollIntoView = () => {};
-    window.HTMLElement.prototype.scrollTo = () => {};
-    const { getAllByText, getByText } = render(
-      <DxcPaginator
-        currentPage={1}
-        itemsPerPage={10}
-        itemsPerPageOptions={[10, 15]}
-        itemsPerPageFunction={onClick}
-        totalItems={20}
-      ></DxcPaginator>
-    );
-    const select = getAllByText("10")[0];
-    act(() => {
-      userEvent.click(select);
-    });
-    const itemPerPageOption = getByText("15");
-    act(() => {
-      userEvent.click(itemPerPageOption);
-    });
-    expect(onClick).toHaveBeenCalledWith(15);
-  });
-
-  test("Next button is disable in last page", () => {
-    const onClick = jest.fn();
-    const { getAllByRole } = render(
-      <DxcPaginator onPageChange={onClick} currentPage={2} itemsPerPage={10} totalItems={20}></DxcPaginator>
-    );
-    const nextButton = getAllByRole("button")[2];
-    expect(nextButton.hasAttribute("disabled")).toBeTruthy();
-    userEvent.click(nextButton);
-    expect(onClick).toHaveBeenCalledTimes(0);
-  });
-
-  test("Last button is disable in last page", () => {
-    const onClick = jest.fn();
-    const { getAllByRole } = render(
-      <DxcPaginator onPageChange={onClick} currentPage={2} itemsPerPage={10} totalItems={20}></DxcPaginator>
-    );
-    const lastButton = getAllByRole("button")[3];
-    expect(lastButton.hasAttribute("disabled")).toBeTruthy();
-    userEvent.click(lastButton);
-    expect(onClick).toHaveBeenCalledTimes(0);
-  });
-
-  test("First button is disable in first page", () => {
-    const onClick = jest.fn();
-    const { getAllByRole } = render(
-      <DxcPaginator onPageChange={onClick} currentPage={1} itemsPerPage={10} totalItems={20}></DxcPaginator>
-    );
-    const lastButton = getAllByRole("button")[0];
-    expect(lastButton.hasAttribute("disabled")).toBeTruthy();
-    userEvent.click(lastButton);
-    expect(onClick).toHaveBeenCalledTimes(0);
-  });
-
-  test("Previous button is disable in first page", () => {
-    const onClick = jest.fn();
-    const { getAllByRole } = render(
-      <DxcPaginator onPageChange={onClick} currentPage={1} itemsPerPage={10} totalItems={20}></DxcPaginator>
-    );
-    const lastButton = getAllByRole("button")[1];
-    expect(lastButton.hasAttribute("disabled")).toBeTruthy();
-    userEvent.click(lastButton);
-    expect(onClick).toHaveBeenCalledTimes(0);
-  });
-
-  test("Last and next buttons are disable in last page", () => {
-    const onClick = jest.fn();
-    const { getAllByRole } = render(
-      <DxcPaginator onPageChange={onClick} currentPage={2} itemsPerPage={10} totalItems={20}></DxcPaginator>
-    );
-    const firstButton = getAllByRole("button")[0];
-    const prevButton = getAllByRole("button")[1];
-    const nextButton = getAllByRole("button")[2];
-    const lastButton = getAllByRole("button")[3];
-    expect(firstButton.hasAttribute("disabled")).toBeFalsy();
-    expect(prevButton.hasAttribute("disabled")).toBeFalsy();
-    expect(nextButton.hasAttribute("disabled")).toBeTruthy();
-    expect(lastButton.hasAttribute("disabled")).toBeTruthy();
-  });
-
-  test("First and previous buttons are disable in first page", () => {
-    const onClick = jest.fn();
-    const { getAllByRole } = render(
-      <DxcPaginator onPageChange={onClick} currentPage={1} itemsPerPage={10} totalItems={20}></DxcPaginator>
-    );
-    const firstButton = getAllByRole("button")[0];
-    const prevButton = getAllByRole("button")[1];
-    const nextButton = getAllByRole("button")[2];
-    const lastButton = getAllByRole("button")[3];
-    expect(firstButton.hasAttribute("disabled")).toBeTruthy();
-    expect(prevButton.hasAttribute("disabled")).toBeTruthy();
-    expect(nextButton.hasAttribute("disabled")).toBeFalsy();
-    expect(lastButton.hasAttribute("disabled")).toBeFalsy();
-  });
-});

package/test/PasswordInput.test.js

@@ -1,83 +0,0 @@
-import React from "react";
-import { render, fireEvent } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import DxcPasswordInput from "../src/password-input/PasswordInput";
-
-describe("Password input component tests", () => {
-  test("Password input renders with label", () => {
-    const { getByText } = render(<DxcPasswordInput label="Password input label" />);
-    expect(getByText("Password input label")).toBeTruthy();
-  });
-
-  test("Password input renders with helper text", () => {
-    const { getByText } = render(<DxcPasswordInput helperText="Helper text" />);
-    expect(getByText("Helper text")).toBeTruthy();
-  });
-
-  test("Password input renders error", () => {
-    const { getByText } = render(<DxcPasswordInput error="Error message." />);
-    expect(getByText("Error message.")).toBeTruthy();
-  });
-
-  test("onChange function is called correctly", () => {
-    const onChange = jest.fn();
-    const { getByRole } = render(<DxcPasswordInput label="Password input" onChange={onChange} />);
-    const passwordInput = getByRole("textbox");
-    userEvent.type(passwordInput, "Pa$$w0rd");
-    expect(onChange).toHaveBeenCalledWith({ value: "P", error: null });
-    expect(passwordInput.value).toBe("Pa$$w0rd");
-  });
-
-  test("onBlur function is called correctly", () => {
-    const onBlur = jest.fn();
-    const { getByRole } = render(<DxcPasswordInput label="Password input" onBlur={onBlur} />);
-    const passwordInput = getByRole("textbox");
-    userEvent.type(passwordInput, "Pa$$w0rd");
-    fireEvent.blur(passwordInput);
-    expect(onBlur).toHaveBeenCalledWith({ value: "Pa$$w0rd", error: null });
-    expect(passwordInput.value).toBe("Pa$$w0rd");
-  });
-
-  test("Clear password input value", () => {
-    const { getAllByRole, getByRole } = render(<DxcPasswordInput label="Password input" clearable />);
-    const passwordInput = getByRole("textbox");
-    userEvent.type(passwordInput, "Pa$$w0rd");
-    expect(passwordInput.value).toBe("Pa$$w0rd");
-    const clearButton = getAllByRole("button")[0];
-    userEvent.click(clearButton);
-    expect(passwordInput.value).toBe("");
-  });
-
-  test("Non clearable password input has no clear icon", () => {
-    const { getAllByRole, getByRole } = render(<DxcPasswordInput label="Password input" />);
-    const passwordInput = getByRole("textbox");
-    userEvent.type(passwordInput, "Pa$$w0rd");
-    expect(passwordInput.value).toBe("Pa$$w0rd");
-    const buttons = getAllByRole("button");
-    expect(buttons.length).toBe(1);
-  });
-
-  test("Show/hide password input button works correctly", () => {
-    const { getAllByRole, getByRole } = render(<DxcPasswordInput label="Password input" clearable />);
-    const passwordInput = getByRole("textbox");
-    userEvent.type(passwordInput, "Pa$$w0rd");
-    expect(passwordInput.value).toBe("Pa$$w0rd");
-    expect(passwordInput.type).toBe("password");
-    const showButton = getAllByRole("button")[1];
-    userEvent.click(showButton);
-    expect(passwordInput.type).toBe("text");
-  });
-
-  test("Password input has correct accesibility attributes", () => {
-    const { getByRole } = render(<DxcPasswordInput label="Password input" />);
-    const passwordInput = getByRole("textbox");
-    expect(passwordInput.getAttribute("aria-autocomplete")).toBeNull();
-    expect(passwordInput.getAttribute("aria-controls")).toBeNull();
-    const showButton = getByRole("button");
-    expect(showButton.getAttribute("aria-expanded")).toBe("false");
-    expect(showButton.getAttribute("aria-label")).toBe("Show");
-    userEvent.click(showButton);
-    expect(showButton.getAttribute("aria-expanded")).toBe("true");
-    expect(showButton.getAttribute("aria-label")).toBe("Hide");
-  });
-});

package/test/ProgressBar.test.js

@@ -1,35 +0,0 @@
-import React from "react";
-import { render } from "@testing-library/react";
-import DxcProgressBar from "../src/progress-bar/ProgressBar";
-
-describe("ProgressBar component tests", () => {
-  test("ProgressBar renders with label", () => {
-    const { getByText } = render(<DxcProgressBar label="test-label"></DxcProgressBar>);
-    expect(getByText("test-label")).toBeTruthy();
-  });
-
-  test("Overlay progressBar renders with label", () => {
-    const { getByText } = render(<DxcProgressBar label="test-label" overlay></DxcProgressBar>);
-    expect(getByText("test-label")).toBeTruthy();
-  });
-
-  test("ProgressBar renders with default value", () => {
-    const { getByText } = render(<DxcProgressBar showValue></DxcProgressBar>);
-    expect(getByText("100 %")).toBeTruthy();
-  });
-
-  test("Overlay progressBar renders with default value", () => {
-    const { getByText } = render(<DxcProgressBar showValue overlay></DxcProgressBar>);
-    expect(getByText("100 %")).toBeTruthy();
-  });
-
-  test("ProgressBar renders with value", () => {
-    const { getByText } = render(<DxcProgressBar showValue value={25}></DxcProgressBar>);
-    expect(getByText("25 %")).toBeTruthy();
-  });
-
-  test("Overlay progressBar renders with value", () => {
-    const { getByText } = render(<DxcProgressBar showValue value={25} overlay></DxcProgressBar>);
-    expect(getByText("25 %")).toBeTruthy();
-  });
-});

package/test/Radio.test.js

@@ -1,37 +0,0 @@
-import React from "react";
-import { render, fireEvent } from "@testing-library/react";
-import DxcRadio from "../src/radio/Radio";
-
-describe("Radio component tests", () => {
-  test("Radio renders correctly", () => {
-    const { getByText } = render(<DxcRadio label="Radio button" />);
-    expect(getByText("Radio button")).toBeTruthy();
-  });
-  test("Calls correct function on click", () => {
-    const onClick = jest.fn();
-    const { getByText} = render(<DxcRadio label="Radio button" onClick={onClick} />);
-    fireEvent.click(getByText("Radio button"));
-    
-    expect(onClick).toHaveBeenCalled();
-    expect(onClick).toHaveBeenCalledWith(true);
-  });
-  test("Controlled Radio", () => {
-    const onClick = jest.fn();
-    const { getByText, getByRole } = render(<DxcRadio label="Radio button" checked={false} onClick={onClick} />);
-    expect(getByRole("radio").checked).toBe(false);
-    fireEvent.click(getByText("Radio button"));
-    expect(onClick).toHaveBeenCalled();
-    expect(onClick).toHaveBeenCalledWith(true);
-    expect(getByRole("radio").checked).toBe(false);
-  });
-  test("Uncontrolled Radio", () => {
-    const onClick = jest.fn();
-    const { getByText, getByRole } = render(<DxcRadio label="Radio button" onClick={onClick} />);
-    expect(getByRole("radio").checked).toBe(false);
-    fireEvent.click(getByText("Radio button"));
-    expect(onClick).toHaveBeenCalled();
-    expect(onClick).toHaveBeenCalledWith(true);
-    expect(getByRole("radio").checked).toBe(false);
-  });
-
-});