@popsure/dirty-swan 0.66.28 → 0.66.30

package/src/lib/components/input/autoSuggestInput/index.test.tsx

@@ -0,0 +1,22 @@
+import { render, screen } from '../../../util/testUtils';
+import { AutoSuggestInput } from '.';
+
+describe('AutoSuggestInput', () => {
+  it('exposes its input as suggest-multi-select-input', () => {
+    render(
+      <AutoSuggestInput
+        currentOption=""
+        suggestions={[]}
+        handleSuggestionSelected={jest.fn()}
+        onChange={jest.fn()}
+        handleSuggestionFetchRequest={jest.fn()}
+        handleSuggestionClearRequest={jest.fn()}
+        placeholder="Search countries"
+      />
+    );
+
+    expect(screen.getByTestId('suggest-multi-select-input').tagName).toBe(
+      'INPUT'
+    );
+  });
+});

package/src/lib/components/input/autoSuggestInput/index.tsx

@@ -55,7 +55,7 @@ export const AutoSuggestInput = ({
     <Input
       {...autoSuggestInputProps}
       placeholder={placeholder}
-      data-cy="suggest-multi-select-input"
+      data-testid="suggest-multi-select-input"
     />
   );
 

package/src/lib/components/input/checkbox/index.tsx

@@ -119,7 +119,6 @@ export const Checkbox = <ValueType extends string>({
                 'jc-center': customIcon,
                 'fd-column': customIcon,
               })}
-              data-cy={`checkbox-${currentValue}`}
               data-testid={`checkbox-${currentValue}`}
             >
               {customIcon && <div className="mt8">{customIcon?.(checked)}</div>}

package/src/lib/components/input/radio/index.tsx

@@ -99,7 +99,6 @@ export const Radio = <ValueType extends string>({
                 'fd-column': customIcon && !inlineIcon,
                 'p-label--bordered': bordered,
               })}
-              data-cy={`radio-${currentValue}`}
               data-testid={`radio-${currentValue}`}
             >
               {customIcon && (

package/src/lib/components/input/toggle/index.tsx

@@ -95,7 +95,6 @@ export const Toggle = <ValueType extends string>({
                   'p-label--bordered': bordered,
                 }
               )}
-              data-cy={`toggle-${currentValue}`}
               data-testid={`toggle-${currentValue}`}
             >
               <span className={classNames(styles.toggleContainer, 'd-inline-block')}>

package/src/lib/components/table/components/TableCell/BaseCell/BaseCell.tsx

@@ -44,7 +44,6 @@ export type BaseCellProps = {
   };
   className?: string;
   dataTestId?: string;
-  dataCy?: string;
 };
 
 export const BaseCell = ({

package/src/lib/components/table/components/TableCell/ButtonCell/ButtonCell.tsx

@@ -12,7 +12,6 @@ export type ButtonCellProps = {
   price?: ReactNode;
   className?: string;
   dataTestId?: string;
-  dataCy?: string;
 };
 
 export const ButtonCell = ({
@@ -22,7 +21,6 @@ export const ButtonCell = ({
   price,
   disabled,
   className,
-  dataCy,
   dataTestId,
 }: ButtonCellProps) => {
   return (
@@ -32,7 +30,6 @@ export const ButtonCell = ({
         styles.wrapper,
         className,
       )}
-      data-cy={dataCy}
       data-testid={dataTestId}
     >
       <button

package/src/lib/components/table/components/TableCell/CTACell/CTACell.tsx

@@ -17,7 +17,6 @@ export type CTACellProps = {
   href: string;
   className?: string;
   dataTestId?: string;
-  dataCy?: string;
   onClick?: () => void;
 };
 
@@ -32,7 +31,6 @@ export const CTACell = ({
   buttonCaption,
   imageComponent,
   className,
-  dataCy,
   dataTestId,
   onClick,
 }: CTACellProps) => {
@@ -45,7 +43,6 @@ export const CTACell = ({
       className={classNames(className, 'ta-left', {
         'd-flex fd-column ai-center': centered,
       })}
-      data-cy={dataCy}
       data-testid={dataTestId}
     >
       <div className="d-flex ai-center gap8">