Update e2e tests - add search and then remove search for displaying e…

…xpected banners
Choices-js · Aug 31, 2024 · 2d474d6 · 2d474d6
1 parent 1801a04
commit 2d474d6
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 4 deletions.
diff --git a/test-e2e/tests/select-multiple.spec.ts b/test-e2e/tests/select-multiple.spec.ts
@@ -382,7 +382,7 @@ describe(`Choices - select multiple`, () => {
         await suite.startWithClick();
 
         await expect(suite.selectableChoices).toHaveCount(0);
-        await suite.expectVisibleNoticeHtml('No choices to choose from');
+        await suite.expectVisibleNoticeHtml('No choices to choose from', true);
       });
     });
 
@@ -393,7 +393,21 @@ describe(`Choices - select multiple`, () => {
         await suite.startWithClick();
 
         await expect(suite.selectableChoices).toHaveCount(0);
-        await suite.expectVisibleNoticeHtml('No choices to choose from');
+        await suite.expectVisibleNoticeHtml('No choices to choose from', true);
+      });
+
+      test('shows no results banner and then no choices banner', async ({ page, bundle }) => {
+        const invalidLabel = 'faergge';
+        const suite = new SelectTestSuit(page, bundle, testUrl, testId);
+        await suite.startWithClick();
+
+        await suite.typeText(invalidLabel);
+        await expect(suite.selectableChoices).toHaveCount(0);
+        await suite.expectVisibleNoticeHtml('No results found', true);
+
+        await suite.typeText('');
+        await expect(suite.selectableChoices).toHaveCount(0);
+        await suite.expectVisibleNoticeHtml('No choices to choose from', true);
       });
     });
 

diff --git a/test-e2e/tests/select-one.spec.ts b/test-e2e/tests/select-one.spec.ts
@@ -239,7 +239,7 @@ describe(`Choices - select one`, () => {
         await suite.startWithClick();
 
         await expect(suite.selectableChoices).toHaveCount(0);
-        await suite.expectVisibleNoticeHtml('No choices to choose from');
+        await suite.expectVisibleNoticeHtml('No choices to choose from', true);
       });
     });
 
@@ -250,7 +250,21 @@ describe(`Choices - select one`, () => {
         await suite.startWithClick();
 
         await expect(suite.selectableChoices).toHaveCount(0);
-        await suite.expectVisibleNoticeHtml('No choices to choose from');
+        await suite.expectVisibleNoticeHtml('No choices to choose from', true);
+      });
+
+      test('shows no results banner and then no choices banner', async ({ page, bundle }) => {
+        const invalidLabel = 'faergge';
+        const suite = new SelectTestSuit(page, bundle, testUrl, testId);
+        await suite.startWithClick();
+
+        await suite.typeText(invalidLabel);
+        await expect(suite.selectableChoices).toHaveCount(0);
+        await suite.expectVisibleNoticeHtml('No results found', true);
+
+        await suite.typeText('');
+        await expect(suite.selectableChoices).toHaveCount(0);
+        await suite.expectVisibleNoticeHtml('No choices to choose from', true);
       });
     });