feat: Add test-util for to check if an Option is disabled (#3933)

Author: ernst-dev

src/__tests__/snapshot-tests/__snapshots__/documenter.test.ts.snap

@@ -34230,6 +34230,14 @@ Note: This function returns the specified component's wrapper even if the specif
             "name": "ElementType",
           },
         },
+        {
+          "name": "isDisabled",
+          "parameters": [],
+          "returnType": {
+            "isNullable": false,
+            "name": "boolean",
+          },
+        },
         {
           "inheritedFrom": {
             "name": "AbstractWrapper.keydown",

src/select/__tests__/select.test.tsx

@@ -149,6 +149,23 @@ describe.each([false, true])('expandToViewport=%s', expandToViewport => {
     expect(wrapper.findTrigger().getElement()).toHaveTextContent('Fifth');
   });
 
+  test('correctly identifies disabled options', () => {
+    const { wrapper } = renderSelect({
+      options: [
+        ...defaultOptions,
+        { label: 'Enabled Option', value: 'enabled' },
+        { label: 'Disabled Option', value: 'disabled', disabled: true },
+      ],
+    });
+    wrapper.openDropdown();
+
+    const enabledOption = wrapper.findDropdown({ expandToViewport })!.findOptionByValue('enabled')!;
+    const disabledOption = wrapper.findDropdown({ expandToViewport })!.findOptionByValue('disabled')!;
+
+    expect(enabledOption.isDisabled()).toBe(false);
+    expect(disabledOption.isDisabled()).toBe(true);
+  });
+
   describe('Filtering feature', () => {
     test('fires onLoadItems event after a delay', async () => {
       const onLoadItems = jest.fn();

src/test-utils/dom/internal/option.ts

@@ -1,6 +1,6 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import { ComponentWrapper, createWrapper, ElementWrapper } from '@cloudscape-design/test-utils-core/dom';
+import { ComponentWrapper, createWrapper, ElementWrapper, usesDom } from '@cloudscape-design/test-utils-core/dom';
 
 import styles from '../../../internal/components/option/styles.selectors.js';
 import selectPartsStyles from '../../../select/parts/styles.selectors.js';
@@ -27,4 +27,9 @@ export default class OptionWrapper extends ComponentWrapper {
   findDisabledReason(): ElementWrapper | null {
     return createWrapper().find(`.${selectPartsStyles['disabled-reason-tooltip']}`);
   }
+
+  @usesDom
+  isDisabled(): boolean {
+    return this.element.classList.contains(styles.disabled);
+  }
 }