fix: Fix test-utils wrappers inheritance

cloudscape-design · Feb 12, 2025 · f83cfce · f83cfce
1 parent ae4620d
commit f83cfce
Show file tree

Hide file tree

Showing 8 changed files with 11 additions and 11 deletions.
diff --git a/src/test-utils/dom/anchor-navigation/index.ts b/src/test-utils/dom/anchor-navigation/index.ts
@@ -34,7 +34,7 @@ export default class AnchorNavigationWrapper extends ComponentWrapper {
   }
 }
 
-class AnchorItemWrapper extends ElementWrapper {
+class AnchorItemWrapper extends ComponentWrapper {
   findLink(): ElementWrapper<HTMLAnchorElement> | null {
     return this.findByClassName(testUtilStyles['anchor-link']);
   }

diff --git a/src/test-utils/dom/attribute-editor/index.ts b/src/test-utils/dom/attribute-editor/index.ts
@@ -7,7 +7,7 @@ import FormFieldWrapper from '../form-field';
 
 import styles from '../../../attribute-editor/styles.selectors.js';
 
-export class AttributeEditorRowWrapper extends ElementWrapper {
+export class AttributeEditorRowWrapper extends ComponentWrapper {
   /**
    * Returns all fields. Fields are supplied in the `definition` property of the component.
    */

diff --git a/src/test-utils/dom/date-range-picker/index.ts b/src/test-utils/dom/date-range-picker/index.ts
@@ -50,7 +50,7 @@ export default class DateRangePickerWrapper extends ComponentWrapper {
   }
 }
 
-export class SelectionModeSwitchWrapper extends ElementWrapper {
+export class SelectionModeSwitchWrapper extends ComponentWrapper {
   /**
    * Returns the mode selector as a SegmentedControl wrapper.
    *

diff --git a/src/test-utils/dom/internal/abstract-switch.ts b/src/test-utils/dom/internal/abstract-switch.ts
@@ -1,10 +1,10 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import { ElementWrapper } from '@cloudscape-design/test-utils-core/dom';
+import { ComponentWrapper, ElementWrapper } from '@cloudscape-design/test-utils-core/dom';
 
 import styles from '../../../internal/components/abstract-switch/styles.selectors.js';
 
-export default class AbstractSwitchWrapper extends ElementWrapper {
+export default class AbstractSwitchWrapper extends ComponentWrapper {
   static rootSelector = styles.wrapper;
 
   findLabel(): ElementWrapper {

diff --git a/src/test-utils/dom/internal/chart-popover.ts b/src/test-utils/dom/internal/chart-popover.ts
@@ -9,7 +9,7 @@ import styles from '../../../internal/components/chart-popover/styles.selectors.
 import chartSeriesDetailsStyles from '../../../internal/components/chart-series-details/styles.selectors.js';
 import popoverStyles from '../../../popover/styles.selectors.js';
 
-export class ChartPopoverSeriesItemWrapper extends ElementWrapper {
+export class ChartPopoverSeriesItemWrapper extends ComponentWrapper {
   findKey(): ElementWrapper {
     // If a series has sub-items and is expandable, the key will be inside the header of an expandable section.
     return (this.findByClassName(expandableSectionHeaderStyles['header-text']) ||

diff --git a/src/test-utils/dom/radio-group/radio-button.ts b/src/test-utils/dom/radio-group/radio-button.ts
@@ -1,10 +1,10 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import { ElementWrapper } from '@cloudscape-design/test-utils-core/dom';
+import { ComponentWrapper, ElementWrapper } from '@cloudscape-design/test-utils-core/dom';
 
 import AbstractSwitchWrapper from '../internal/abstract-switch';
 
-export default class RadioButtonWrapper extends ElementWrapper {
+export default class RadioButtonWrapper extends ComponentWrapper {
   private findAbstractSwitch(): AbstractSwitchWrapper {
     return new AbstractSwitchWrapper(this.getElement());
   }

diff --git a/src/test-utils/dom/side-navigation/index.ts b/src/test-utils/dom/side-navigation/index.ts
@@ -37,7 +37,7 @@ export default class SideNavigationWrapper extends ComponentWrapper {
   }
 }
 
-export class SideNavigationItemWrapper extends ElementWrapper {
+export class SideNavigationItemWrapper extends ComponentWrapper {
   findSection(): ExpandableSectionWrapper | null {
     return this.findComponent(`.${styles.section}`, ExpandableSectionWrapper);
   }

diff --git a/src/test-utils/dom/tiles/tile.ts b/src/test-utils/dom/tiles/tile.ts
@@ -1,12 +1,12 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import { ElementWrapper } from '@cloudscape-design/test-utils-core/dom';
+import { ComponentWrapper, ElementWrapper } from '@cloudscape-design/test-utils-core/dom';
 
 import RadioButtonWrapper from '../radio-group/radio-button';
 
 import styles from '../../../tiles/styles.selectors.js';
 
-export default class TileWrapper extends ElementWrapper {
+export default class TileWrapper extends ComponentWrapper {
   static rootSelector: string = styles['tile-container'];
 
   private findRadioButton(): RadioButtonWrapper {
-Original file line number
+Diff line change
@@ Expand Up @@
       }
     }
-    export class SelectionModeSwitchWrapper extends ElementWrapper {
+    export class SelectionModeSwitchWrapper extends ComponentWrapper {
       /**
        * Returns the mode selector as a SegmentedControl wrapper.
        *
@@ Expand Down @@