@bytebrand/fe-ui-core 4.8.55 → 4.8.57

package/__tests__/components/UserDasboardPage/sections/RequestedCarsSection/RequestedCarsSection.test.tsx

@@ -1,117 +0,0 @@
-import { fireEvent, getByTestId, render, screen } from '@testing-library/react';
-// import userEvent from '@testing-library/user-event';
-import React from 'react';
-import RequestedCarsSection from '../../../../../source/components/UserDashboardPage/sections/RequestedCarsSection/RequestedCarsSection';
-
-const t = (phrase: string | string[], options: object) => {
-  if (options) {
-    const value = Object.values(options).map((option) => option);
-    return `${phrase} ${value}`;
-  }
-  return phrase;
-};
-interface IWithRouter {
-  children?: JSX.Element;
-  link?: string;
-}
-const LinkRouter = ({ children, link } :IWithRouter) => {
-  return (
-    <a href={link} >
-      { children }
-    </a>
-  );
-};
-
-const requestedCars = [
-  {
-    car: {
-      _id: '28121b1a-398c-4e9c-9097-51be545817c5',
-      mainData: {
-        make: 'Volvo',
-        model: 'CX95',
-        subModel: 'Test123'
-      },
-      metaData: {
-        mainImageId: 'RQ_mHNek5hIk'
-      }
-    },
-    buyingType: 'leasing',
-    selfPickup: true,
-    paybackPeriod: 24,
-    monthlyInstallment: 2000,
-    request: '010203555',
-    currentSalesPrice: 50000
-  },
-  {
-    car: {
-      _id: '1234567890',
-      mainData: {
-        make: 'Volvo',
-        model: 'CX90',
-        subModel: 'Test155'
-      },
-      metaData: {
-        mainImageId: 'main image id'
-      }
-    },
-    buyingType: 'financing',
-    selfPickup: false,
-    paybackPeriod: 24,
-    monthlyInstallment: 1000,
-    request: '010203123',
-    currentSalesPrice: 20000
-  }
-];
-
-const mockProps = {
-  t,
-  LinkRouter,
-  requestedCars,
-  getSupportedImageFormat: jest.fn(),
-  redirectToCar: jest.fn(),
-  // tslint:disable-next-line:object-shorthand-properties-first
-  initHotjar: () => {}
-};
-
-describe('RequestedCarsSection', () => {
-  it('renders correctly', () => {
-    const { container } = render(<RequestedCarsSection {...mockProps as any} />);
-    expect(container).toBeInTheDocument();
-  });
-
-  it('should display correct car data', () => {
-    const { container } = render(<RequestedCarsSection {...mockProps as any} />);
-    const requestedCars = mockProps.requestedCars;
-    requestedCars.forEach((element) => {
-      expect(container).toHaveTextContent(element.buyingType);
-    });
-  });
-  it('should display correct car make and model', () => {
-    const { getByText } = render(<RequestedCarsSection {...mockProps as any} />);
-    const requestedCars = mockProps.requestedCars;
-    requestedCars.forEach((element) => {
-      expect(getByText(`${element.car.mainData.make} ${element.car.mainData.model}`)).toBeInTheDocument();
-    });
-  });
-  it('should display correct car subModel', () => {
-    const { getByText } = render(<RequestedCarsSection {...mockProps as any} />);
-    const requestedCars = mockProps.requestedCars;
-    requestedCars.forEach((element) => {
-      expect(getByText(`${element.car.mainData.subModel}`)).toBeInTheDocument();
-    });
-  });
-  it('should display correct car request number', () => {
-    const { getByText } = render(<RequestedCarsSection {...mockProps as any} />);
-    const requestedCars = mockProps.requestedCars;
-    requestedCars.forEach((element) => {
-      expect(getByText(`${element.request}`)).toBeInTheDocument();
-    });
-  });
-  it('calls redirectToCar with car ID on button click', () => {
-    const { getByTestId } = render(<RequestedCarsSection {...mockProps as any} />);
-    const carWrapper = getByTestId(mockProps.requestedCars[0].car._id);
-    fireEvent.click(carWrapper);
-    expect(mockProps.redirectToCar).toHaveBeenCalledTimes(1);
-    expect(mockProps.redirectToCar).toHaveBeenCalledWith(mockProps.requestedCars[0].car._id); // assert the correct car ID
-  });
-});

package/__tests__/components/Vehicle/VehicleFormattedPrice/VehicleFormattedPrice.test.tsx

@@ -1,58 +0,0 @@
-import React from 'react';
-import { render, cleanup, screen } from '@testing-library/react';
-import VehicleFormattedPrice, { IVehiclePriceProps } from '../../../../source/components/Vehicle/VehicleFormattedPrice/VehicleFormattedPrice';
-import FormattedNumber from '../../../../source/components/FormattedNumber/FormattedNumber';
-
-const mockPropsForFormattedNumber = {
-  value: 99,
-  toRound: false,
-  disableFormatting: false,
-  numbersAfterDot: 0,
-  className: '',
-  afterCommaClassName: '',
-  beforeCommaClassName: ''
-};
-
-const VehicleFormattedPriceProps: IVehiclePriceProps = {
-  price: 1234.56,
-};
-
-describe('VehicleFormattedPrice', () => {
-  it('render VehicleFormattedPrice component', () => {
-    const { container } = render(<FormattedNumber {...mockPropsForFormattedNumber} />);
-    expect(container.firstChild).toBeTruthy();
-  });
-// TODO:value incorrect
-  // it('renders the formatted number correctly', () => {
-  //   render(<VehicleFormattedPrice {...VehicleFormattedPriceProps} price={1234.56} />);
-  //   const formattedNumber = screen.getByText('1234.56');
-  //   expect(formattedNumber).toBeInTheDocument();
-  // });
-
-
-  it('renders the unit correctly when provided', () => {
-    render(<VehicleFormattedPrice {...VehicleFormattedPriceProps} unit="USD" />);
-    const unit = screen.getByText('USD');
-    expect(unit).toBeInTheDocument();
-  });
-
-  it('renders the postfix correctly when provided', () => {
-    render(<VehicleFormattedPrice {...VehicleFormattedPriceProps} postfix="1,3" />);
-    const postfix = screen.getByText('1,3');
-    expect(postfix).toBeInTheDocument();
-  });
-
-  it('renders the unit monthly correctly when provided', () => {
-    render(<VehicleFormattedPrice {...VehicleFormattedPriceProps} unit="€" monthly="mtl" />);
-    const unit = screen.getByText('€');
-    const monthly = screen.getByText('/mtl');
-    expect(unit).toBeInTheDocument();
-    expect(monthly).toBeInTheDocument();
-  });
-
-  it('renders the sub correctly when provided', () => {
-    render(<VehicleFormattedPrice {...VehicleFormattedPriceProps} sub="VAT included" />);
-    const sub = screen.getByText('VAT included');
-    expect(sub).toBeInTheDocument();
-  });
-});

package/__tests__/components/VehicleSmallCard/VehicleInfo.test.tsx

@@ -1,88 +0,0 @@
-import React from 'react';
-import { fireEvent, render } from '@testing-library/react';
-import VehicleInfo from '../../../source/components/VehicleSmallCard/VehicleData/VehicleInfo/VehicleInfo';
-import { IVehicleInfo } from '../../../source/framework/types/types';
-
-const defaultProps: IVehicleInfo = {
-  t: jest.fn(), // mock translation function 
-  mlCurrentSalesPricePredicted: 30000,
-  i18nPrefixForPriceRating: 'common:',
-  vehicleComponentName: 'search',
-  combineRefAlternative: false,
-  language: 'en',
-  url: '/vehicle',
-  target: '_self',
-  rel: 'noopener noreferrer',
-  regDate: 20210101,
-  linkTag: 'a',
-  routeObj: {},
-  gearbox: 'Automatic',
-  numberOfPreviousOwners: 2,
-  usageType: 'Used',
-  condition: 'Good',
-  damaged: false,
-  driveType: 'AWD',
-  environmentEmissions: { co2: 123 },
-  common: {
-    currentSalesPrice: 235,
-  },
-  mileage: '7.5',
-  consumption: {
-    fuel: 'Gasoline',
-    consumptionCombined: 7.5,
-    consumptionPowerCombined: 9.1,
-  },
-  location: {
-    city: 'Lviv',
-    street: 'street',
-    zipCode: 55555
-  },
-  offer: 'Offer',
-  engineData: {
-    power: '200hp',
-    cylinder: '8',
-    fuelType: 'Gasoline',
-  }
-};
-
-describe('VehicleInfo', () => {
-  beforeEach(() => {
-    jest.clearAllMocks();
-  });
-
-  it('renders without crashing with default props', () => {
-    render(<VehicleInfo {...defaultProps} />);
-  });
-
-  it('renders the link with the correct href', () => {
-    const { getByRole } = render(<VehicleInfo {...defaultProps} url="/vehicles/123" />);
-    expect(getByRole('link')).toHaveAttribute('href', '/vehicles/123');
-  });
-
-  // it('renders the correct main properties for comparable cars', () => {
-  //   const { getByText } = render(<VehicleInfo {...defaultProps} vehicleComponentName="comparable" />);
-  //   expect(getByText('Fuel Type')).toBeInTheDocument();
-  //   expect(getByText('Consumption Combined (l/100km)')).toBeInTheDocument();
-  //   expect(getByText('Power')).toBeInTheDocument();
-  // });
-
-  // it('renders the correct main properties for landing cars', () => {
-  //   const { getByText } = render(<VehicleInfo {...defaultProps} vehicleComponentName="landing" />);
-  //   expect(getByText('Mileage')).toBeInTheDocument();
-  //   expect(getByText('First Registration')).toBeInTheDocument();
-  //   expect(getByText('Fuel Type')).toBeInTheDocument();
-  // });
-
-  // it('renders the correct main properties for SRL', () => {
-  //   const { getByText } = render(<VehicleInfo {...defaultProps} vehicleComponentName="myVehicles" />);
-  //   expect(getByText('Mileage')).toBeInTheDocument();
-  //   expect(getByText('First Registration')).toBeInTheDocument();
-  //   expect(getByText('Drive type')).toBeInTheDocument();
-  // });
-
-  // it('renders the correct PriceRating component', () => {
-  //   const { getByTestId } = render(<VehicleInfo {...defaultProps} />);
-  //   expect(getByTestId('price-rating')).toBeInTheDocument();
-  // });
-
-});

package/__tests__/components/VehicleSmallCard/VehicleTitle.test.tsx

@@ -1,91 +0,0 @@
-import React from 'react';
-import { fireEvent, render } from '@testing-library/react';
-import VehicleTitle from '../../../source/components/VehicleSmallCard/VehicleData/VehicleTitle/VehicleTitle';
-import { IVehicleTitleProps } from '../../../source/framework/types/types';
-
-const props: IVehicleTitleProps = {
-  onFavoriteClick: jest.fn(),
-  isCarInFavorite: false,
-  id: '123',
-  make: 'Toyota',
-  model: 'Camry',
-  subModel: 'subModelText',
-  option: 'option',
-  isSponsored: true,
-  combineRefAlternative: true,
-  vehicleComponentName: 'search',
-};
-
-describe('VehicleTitle', () => {
-  beforeEach(() => {
-    jest.clearAllMocks();
-  });
-
-  it('should render VehicleTitle component with correct texts and styles', () => {
-    const { container, getByText } = render(<VehicleTitle {...props} />);
-
-    const infoSectionElement = container.querySelector('.infoSection');
-    const wrapTitlesElement = container.querySelector('.wrapTitles');
-    const optionTitleElement = container.querySelector('.optionTitle');
-
-    switch (props.vehicleComponentName) {
-      case 'search':
-        expect(infoSectionElement).toHaveClass('infoSectionSearch');
-        expect(wrapTitlesElement).toHaveClass('wrapTitlesSearch');
-        expect(optionTitleElement).toHaveClass('optionTitleSearch');
-        break;
-      case 'recently':
-        expect(infoSectionElement).toHaveClass('infoSectionRecently');
-        expect(wrapTitlesElement).toHaveClass('wrapTitlesRecently');
-        expect(optionTitleElement).toHaveClass('optionTitleRecently');
-        break;
-      case 'favorite':
-        expect(infoSectionElement).toHaveClass('infoSectionRecently');
-        expect(wrapTitlesElement).toHaveClass('wrapTitlesFavorite');
-        break;
-      case 'landing':
-        expect(infoSectionElement).toHaveClass('infoSectionRecently');
-        expect(wrapTitlesElement).toHaveClass('wrapTitlesRecently');
-        expect(optionTitleElement).toHaveClass('optionTitleRecently');
-        break;
-      case 'myVehicles':
-        expect(infoSectionElement).toHaveClass('infoSectionMyVehicles');
-        expect(wrapTitlesElement).toHaveClass('wrapTitlesSearch');
-        expect(optionTitleElement).toHaveClass('optionTitleSearch');
-        break;
-      case 'main':
-        expect(infoSectionElement).toHaveClass('infoSectionRecently');
-        expect(wrapTitlesElement).toHaveClass('wrapTitlesRecently');
-        expect(optionTitleElement).toHaveClass('optionTitleRecently');
-        break;
-      default:
-        break;
-    }
-
-    if (props.combineRefAlternative) {
-      expect(optionTitleElement).toHaveClass('optionTitleIsAlternative');
-    }
-
-    expect(getByText('Toyota Camry')).toBeInTheDocument();
-    expect(getByText('subModelText')).toBeInTheDocument();
-    expect(getByText('option')).toBeInTheDocument();
-
-  });
-
-  it('render StarButton when combineRefAlternative is false', () => {
-    const { container } = render(<VehicleTitle {...props} combineRefAlternative={false} showFavoriteStar={true} />);
-    expect(container.querySelector('.starButton')).toBeInTheDocument();
-  });
-
-  it('should call onFavoriteClick handler when clicking on StarButton', () => {
-
-    const { container } = render(<VehicleTitle {...props} combineRefAlternative={false} showFavoriteStar={true} />);
-
-    fireEvent.click(container.querySelector('svg'));
-    expect(props.onFavoriteClick).toHaveBeenCalledTimes(1);
-    expect(props.onFavoriteClick).toHaveBeenCalledWith(
-      expect.objectContaining({ type: 'click' }),
-      props.id
-    );
-  });
-});

package/__tests__/components/_common/Badge/Badge.test.tsx

@@ -1,15 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import Badge from '../../../../source/components/_common/Badge/Badge';
-
-describe('Badge', () => {
-  const textToRender = 'Test Text';
-
-  it('renders without crashing and shows the correct text', () => {
-    const type = 'green';
-    const { getByText } = render(<Badge type={type}>{textToRender}</Badge>);
-    const renderedText = getByText(textToRender);
-    
-    expect(renderedText).toBeInTheDocument();
-  });
-});

package/__tests__/components/_common/IconSVG/IconSVG.test.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import IconSVG from '../../../../source/components/_common/IconSVG/IconSVG';
-
-describe('IconSVG component', () => {
-  it('should render the SVG icon when a valid name prop is passed', () => {
-    const { container } = render(<IconSVG name='Search' />);
-    const svgIcon = container.querySelector('svg');
-    expect(svgIcon).toBeDefined();
-  });
-
-  it('should not render anything when an invalid name prop is passed', () => {
-    const { container } = render(<IconSVG name='nonexistenticon' />);
-    const svgIcon = container.querySelector('svg');
-    expect(svgIcon).toBeNull();
-  });
-
-  it('should apply custom dimensions when customDimensions prop is false', () => {
-    const { container } = render(<IconSVG name="search" customDimensions={false} />);
-    const svgIcon = container.querySelector('svg');
-    expect(svgIcon).toHaveAttribute('style', 'width: 1.5rem; height: auto;');
-  });
-});

package/__tests__/components/_common/Image/Image.test.tsx

@@ -1,82 +0,0 @@
-import React from 'react';
-import { render, fireEvent, waitFor } from '@testing-library/react';
-import ImageComponent from '../../../../source/components/_common/Image/Image';
-import styles from '../../../../source/components/_common/Image/Image.styl';
-
-const mockProps = {
-  src: 'https://via.placeholder.com/300',
-  srcSmall: 'https://via.placeholder.com/15',
-  srcLarge: 'https://via.placeholder.com/1500',
-};
-
-
-describe('ImageComponent', () => {
-
-  it('loads the image correctly', async () => {
-    const { container } = render(
-      <ImageComponent src={mockProps.src} />,
-    );
-    const imgElement = container.querySelector('img') as HTMLImageElement;
-    expect(imgElement).toBeInTheDocument();
-    await expect(imgElement).toHaveProperty('src', mockProps.src);
-  });
-
-  it('ImageComponent renders correctly', () => {
-    const { getByRole, container } = render(<ImageComponent src={mockProps.src} />);
-    
-    const imgElem = getByRole('img');
-    const divContainer = container.firstChild;
-  
-    expect(imgElem).toBeInTheDocument();
-    expect(divContainer).toHaveClass('container')
-  });
-
-  it('renders without errors', async () => {
-    const { container } = render(<ImageComponent {...mockProps} />);
-
-    expect(container).toBeInTheDocument();
-
-    // Wait for the image to load
-    const imgEl = await waitFor(() => container.querySelector('img'));
-    expect(imgEl).toBeInTheDocument();
-  });
-
-  it('shows the loader before image is loaded', () => {
-    const { getByText } = render(
-      <ImageComponent src={mockProps.src} withLoader />,
-    );
-
-    getByText(/loading/i);
-  });
-
-  it('calls onClick handler when image is clicked', async () => {
-    const handleClick = jest.fn();
-    const { container } = render(<ImageComponent {...mockProps} onClick={handleClick} />);
-
-    // Wait for the image to load
-    const imgEl = await waitFor(() => container.querySelector('img'));
-    fireEvent.click(imgEl);
-    
-    expect(handleClick).toHaveBeenCalledTimes(1);
-  });
-
-  it('sets height and width correctly', () => {
-    const { container } = render(<ImageComponent src={mockProps.src} width={100} height={100} />);
-
-    expect(container.firstChild).toHaveStyle('width: 100px;');
-    expect(container.firstChild).toHaveStyle('height: 100px;');
-  });
-
-  it('ImageComponent state works correctly', () => {
-    const { getByRole } = render(
-      <ImageComponent src={mockProps.src} />
-    );
-  
-    const imgElem = getByRole('img');
-  
-    expect(imgElem).not.toHaveClass(styles.loaded);
-    fireEvent.load(imgElem);
-    expect(imgElem).toHaveClass(styles.loaded);
-  });
-
-});

package/__tests__/components/_common/MaterialAutocomplete/MaterialAutocomplete.test.tsx

@@ -1,49 +0,0 @@
-import React from "react";
-import { render, fireEvent } from "@testing-library/react";
-import MaterialAutocomplete from "../../../../source/components/_common/MaterialAutocomplete/MaterialAutocomplete";
-let value: any = null;
-const setValue = jest.fn();
-const materialAutocompleteProps = {
-  onChange: setValue,
-  label: 'test label',
-  value: value,
-  error: false,
-  required: true,
-  items: [
-    { value: '+49', label: '+49', icon: 'de' },
-    { value: '+43', label: '+43', icon: 'at' }
-  ],
-  listWithImage: 'true'
-}
-describe('MaterialAutocomplete', () => {
-  it('renders component without errors', () => {
-    const { container, getByRole, getByText } = render(<MaterialAutocomplete {...materialAutocompleteProps} />)
-    expect(container).toBeInTheDocument();
-    const input = getByRole('combobox');
-    const button = getByRole('button');
-    fireEvent.click(button);
-    const listItem = getByText('+43');
-    fireEvent.click(listItem);
-    expect(input).toHaveAttribute('value', '+43');
-  })
-
-  it('renders component, open list and choose any option from list', () => {
-    const { getByRole, getByText } = render(<MaterialAutocomplete {...materialAutocompleteProps} />)
-    const input = getByRole('combobox');
-    const button = getByRole('button');
-    fireEvent.click(button);
-    const listItem = getByText('+43');
-    fireEvent.click(listItem);
-    expect(input).toHaveAttribute('value', '+43');
-  })
-
-  it('renders component, open list and check if we have icons in list, when "listWithImage: true"', () => {
-    const { getByRole, container } = render(<MaterialAutocomplete {...materialAutocompleteProps} />)
-    const button = getByRole('button');
-    fireEvent.click(button);
-    const iconDe = container.querySelector('[id="flag-icons-de"]'); 
-    const iconAt = container.querySelector('[id="flag-icons-at"]'); 
-    expect(iconDe).toBeInTheDocument();
-    expect(iconAt).toBeInTheDocument();
-  })
-})

package/__tests__/components/_common/MaterialDatePicker/MaterialDatePicker.test.tsx

@@ -1,54 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import { fireEvent } from '@testing-library/dom';
-import MaterialDatePicker from '../../../../source/components/_common/MaterialDatePicker/MaterialDatePicker';
-
-describe('MaterialDatePicker', () => {
-  it('renders without crashing', () => {
-    render(<MaterialDatePicker onChange={() => {}} t={(key) => key} />);
-  });
-
-  it('displays the label when provided', () => {
-    const label = 'Select Date';
-    render(<MaterialDatePicker label={label} onChange={() => {}} t={(key) => key} />);
-    expect(screen.getByLabelText(label)).toBeInTheDocument();
-  });
-
-  it('calls the onChange function when a date is selected', async () => {
-    const handleChange = jest.fn();
-    const handleOpen = jest.fn();
-    const handleAccept = jest.fn();
-    const handleBlur = jest.fn();
-    const { getByText, container } = render(
-      <MaterialDatePicker
-        onChange={handleChange}
-        onOpen={handleOpen}
-        onAccept={handleAccept}
-        onBlur={handleBlur}
-        t={(key) => key}
-        format={'dd.MM.yyyy'}
-        value={'2023-01-01'}
-        language='en'
-        label='test label'
-        placeholder='placeholder'
-        className='className'
-        minDate={new Date('01/01/1900')}
-        maxDate={new Date()}
-        size='medium'
-        error={false}
-      />);
-    const input = screen.getByRole('textbox');
-
-    fireEvent.click(input);
-    fireEvent.click(getByText('2022'));
-    fireEvent.click(getByText('Apr'));
-    fireEvent.click(getByText('22'));
-    const okButton = screen.getByText('OK');
-    fireEvent.click(okButton);
-    fireEvent.focusOut(input);
-
-    expect(handleChange).toHaveBeenCalledTimes(3);
-    expect(handleOpen).toHaveBeenCalledTimes(1);
-    expect(handleBlur).toHaveBeenCalledTimes(1);
-  });
-});

package/__tests__/components/_common/MaterialField/MaterialField.test.tsx

@@ -1,58 +0,0 @@
-import React from 'react';
-import { render, fireEvent } from '@testing-library/react';
-import MaterialField from '../../../../source/components/_common/MaterialField/MaterialField';
-
-describe('MaterialField', () => {
-  const props = {
-    label: 'Test Label',
-    value: 'Test Value',
-    onChange: jest.fn(),
-    disabled: false,
-    type: 'text',
-    autoComplete: 'off',
-    name: 'testName',
-    required: true,
-    multiline: false,
-    rows: 1,
-    placeholder: 'Test Placeholder'
-  };
-
-  it('renders the input element with the correct props', () => {
-    const { getByRole } = render(<MaterialField size='medium' {...props} />);
-    const inputElement = getByRole('textbox');
-    expect(inputElement).toBeInTheDocument();
-    expect(inputElement).toHaveAttribute('type', 'text');
-    expect(inputElement).toHaveAttribute('value', 'Test Value');
-    expect(inputElement).toHaveAttribute('name', 'testName');
-    expect(inputElement).toHaveAttribute('required');
-    expect(inputElement).toHaveAttribute('placeholder', 'Test Placeholder');
-  });
-
-  it('calls the onChange prop when the input value changes', () => {
-    const { getByRole } = render(<MaterialField size='medium' {...props} />);
-    const inputElement = getByRole('textbox');
-    fireEvent.change(inputElement, { target: { value: 'New Value' } });
-    expect(props.onChange).toHaveBeenCalledTimes(1);
-    expect(props.onChange).toHaveBeenCalledWith('New Value', 'testName', expect.anything());
-  });
-
-  it('toggles password visibility when the icon button is clicked', () => {
-    const passwordProps = {
-      ...props,
-      type: 'password'
-    }
-    const { getByRole, getByPlaceholderText } = render(<MaterialField size='medium' {...passwordProps} />);
-    const iconButton = getByRole('button');
-    const inputElement = getByPlaceholderText('Test Placeholder');
-    fireEvent.click(iconButton);
-    expect(inputElement).toHaveAttribute('type', 'text');
-
-    fireEvent.click(iconButton);
-
-    expect(inputElement).toHaveAttribute('type', 'password');
-
-    fireEvent.click(iconButton);
-
-    expect(inputElement).toHaveAttribute('type', 'text');
-  });
-});