@dxc-technology/halstack-react 0.0.0-b3da1a9 → 0.0.0-b3de035

package/test/{Select.test.js → V3Select.test.js}

@@ -1,7 +1,7 @@
 import React from "react";
 import { render, act } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import DxcSelect from "../src/select/Select";
+import V3DxcSelect from "../src/V3Select/V3Select";
 
 const optionsWithoutIcon = [
   {
@@ -63,13 +63,13 @@ const optionsWithIcons = [
 
 describe("Select component tests", () => {
   test("Select renders with correct label", () => {
-    const { getByText } = render(<DxcSelect label="test-select-label"></DxcSelect>);
+    const { getByText } = render(<V3DxcSelect label="test-select-label"></V3DxcSelect>);
     expect(getByText("test-select-label")).toBeTruthy();
   });
 
   test("Select renders options when select is clicked", () => {
     const { getByText, getByRole, queryByText } = render(
-      <DxcSelect label="test-select-name" options={optionsWithoutIcon}></DxcSelect>
+      <V3DxcSelect label="test-select-name" options={optionsWithoutIcon}></V3DxcSelect>
     );
     //Before are not shown
     expect(queryByText("Amazon")).toBeFalsy();
@@ -86,7 +86,7 @@ describe("Select component tests", () => {
 
   test("Select renders options with icons before", () => {
     const { getByRole, getByTestId } = render(
-      <DxcSelect label="test-select-name" options={optionsWithIcons}></DxcSelect>
+      <V3DxcSelect label="test-select-name" options={optionsWithIcons}></V3DxcSelect>
     );
     const select = getByRole("button");
     act(() => {
@@ -98,7 +98,7 @@ describe("Select component tests", () => {
 
   test("Select renders options with icons after", () => {
     const { getByRole, getByTestId } = render(
-      <DxcSelect label="test-select-name" options={optionsWithIcons} iconPosition="after"></DxcSelect>
+      <V3DxcSelect label="test-select-name" options={optionsWithIcons} iconPosition="after"></V3DxcSelect>
     );
     const select = getByRole("button");
     act(() => {
@@ -110,21 +110,21 @@ describe("Select component tests", () => {
 
   test("Select renders with a default value", () => {
     const { getByText } = render(
-      <DxcSelect label="test-select-name" options={optionsWithoutIcon} value={1}></DxcSelect>
+      <V3DxcSelect label="test-select-name" options={optionsWithoutIcon} value={1}></V3DxcSelect>
     );
     expect(getByText("Amazon")).toBeTruthy();
   });
 
   test("Select renders with multiple default values", () => {
     const { getByText } = render(
-      <DxcSelect label="test-select-name" options={optionsWithoutIcon} value={[1, 2]} multiple></DxcSelect>
+      <V3DxcSelect label="test-select-name" options={optionsWithoutIcon} value={[1, 2]} multiple></V3DxcSelect>
     );
     expect(getByText("Amazon, Ebay")).toBeTruthy();
   });
 
   test("Disabled select is not clickable", () => {
     const { getByText, queryByText } = render(
-      <DxcSelect label="test-select-name" options={optionsWithoutIcon} disabled></DxcSelect>
+      <V3DxcSelect label="test-select-name" options={optionsWithoutIcon} disabled></V3DxcSelect>
     );
     expect(queryByText("Amazon")).toBeFalsy();
     expect(queryByText("Ebay")).toBeFalsy();
@@ -141,7 +141,7 @@ describe("Select component tests", () => {
   test("Controlled select with unique value", () => {
     const onChange = jest.fn();
     const { getByText, getAllByText } = render(
-      <DxcSelect label="test-select-name" options={optionsWithoutIcon} value={1} onChange={onChange}></DxcSelect>
+      <V3DxcSelect label="test-select-name" options={optionsWithoutIcon} value={1} onChange={onChange}></V3DxcSelect>
     );
     const select = getByText("Amazon");
     act(() => {
@@ -159,13 +159,13 @@ describe("Select component tests", () => {
   test("Controlled select with multiple values", () => {
     const onChange = jest.fn();
     const { getByText } = render(
-      <DxcSelect
+      <V3DxcSelect
         label="test-select-name"
         options={optionsWithoutIcon}
         value={[1, 2]}
         multiple
         onChange={onChange}
-      ></DxcSelect>
+      ></V3DxcSelect>
     );
     const select = getByText("Amazon, Ebay");
     act(() => {
@@ -183,7 +183,7 @@ describe("Select component tests", () => {
   test("Uncontrolled select with multiple values", () => {
     const onChange = jest.fn();
     const { getByText, getByRole } = render(
-      <DxcSelect label="test-select-name" options={optionsWithoutIcon} multiple onChange={onChange}></DxcSelect>
+      <V3DxcSelect label="test-select-name" options={optionsWithoutIcon} multiple onChange={onChange}></V3DxcSelect>
     );
     const select = getByRole("button");
     act(() => {