fix(select): test

ovh · Oct 30, 2024 · 53b7a84 · 53b7a84
1 parent 34fa0a4
commit 53b7a84
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 5 deletions.
diff --git a/packages/examples/react-webpack/package.json b/packages/examples/react-webpack/package.json
@@ -11,7 +11,7 @@
   "dependencies": {
     "@ovhcloud/ods-components": "18.2.0",
     "@ovhcloud/ods-themes": "18.2.0",
-    "@tanstack/react-query": "^5.59.16",
+    "@tanstack/react-query": "5.59.16",
     "formik": "2.4.6",
     "react": "18.2.0",
     "react-dom": "18.2.0",

diff --git a/packages/ods/src/components/select/tests/behaviour/ods-select.e2e.ts b/packages/ods/src/components/select/tests/behaviour/ods-select.e2e.ts
@@ -227,7 +227,7 @@ describe('ods-select behaviour', () => {
       });
     });
 
-    describe('on Slot change', () => {
+    describe('on slot change', () => {
       it('should render with is-disabled', async() => {
         await setup('<ods-select is-disabled><option value="1">Value 1</option></ods-select>');
         expect(selectComponent.classList.contains('disabled')).toBe(true);
@@ -236,7 +236,7 @@ describe('ods-select behaviour', () => {
         await page.waitForChanges();
 
         expect(await page.evaluate(() => {
-          return document.querySelector('ods-select')?.shadowRoot?.querySelector('.ts-wrapper')?.classList.contains('disabled') || false;
+          return document.querySelector('ods-select')?.shadowRoot?.querySelector('.ts-wrapper')?.classList.contains('disabled');
         })).toBe(false);
       });
     });

diff --git a/packages/ods/src/components/select/tests/rendering/ods-select.e2e.ts b/packages/ods/src/components/select/tests/rendering/ods-select.e2e.ts
@@ -117,4 +117,20 @@ describe('ods-select rendering', () => {
 
     expect(selectComponent.classList.contains('disabled')).toBe(true);
   });
+
+  describe('watchers', () => {
+    describe('isDisabled', () => {
+      it('should disable the select component', async() => {
+        await setup('<ods-select><option value="1">1</option></ods-select>');
+        expect(selectComponent.classList.contains('disabled')).toBe(false);
+
+        el.setAttribute('is-disabled', true);
+        await page.waitForChanges();
+
+        expect(await page.evaluate(() => {
+          return document.querySelector('ods-select')?.shadowRoot?.querySelector('.ts-wrapper')?.classList.contains('disabled') || false;
+        })).toBe(true);
+      });
+    });
+  });
 });
diff --git a/yarn.lock b/yarn.lock
@@ -5422,7 +5422,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@tanstack/react-query@npm:^5.59.16":
+"@tanstack/react-query@npm:5.59.16":
   version: 5.59.16
   resolution: "@tanstack/react-query@npm:5.59.16"
   dependencies:
@@ -18738,7 +18738,7 @@ __metadata:
     "@babel/preset-typescript": 7.23.3
     "@ovhcloud/ods-components": 18.2.0
     "@ovhcloud/ods-themes": 18.2.0
-    "@tanstack/react-query": ^5.59.16
+    "@tanstack/react-query": 5.59.16
     "@types/react": 18.2.56
     "@types/react-dom": 18.2.19
     babel-loader: 9.1.3