(single-focus-trap) Fix failure of headless tests

DaviDevMod · Nov 13, 2022 · 6c93f7c · 6c93f7c · vercel · Nov 13, 2022
1 parent 30f851e
commit 6c93f7c
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/.github/workflows/e2e-single-focus-trap.yml b/.github/workflows/e2e-single-focus-trap.yml
@@ -113,8 +113,6 @@ jobs:
       - name: Cypress run
         uses: cypress-io/github-action@v4
         with:
-          browser: chrome
-          headed: true
           install: false
           working-directory: packages/single-focus-trap
           start: yarn workspace demo dev

diff --git a/apps/demo/components/UI/menu/Menu.tsx b/apps/demo/components/UI/menu/Menu.tsx
@@ -28,7 +28,10 @@ export function Menu({ label, items }: MenuProps) {
         leaveFrom="transform opacity-100 scale-100"
         leaveTo="transform opacity-0 scale-95"
       >
-        <HeadlessUIMenu.Items className="absolute z-10 mt-2 w-full origin-top-left divide-y divide-gray-100 rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none">
+        <HeadlessUIMenu.Items
+          className="absolute z-10 mt-2 w-full origin-top-left divide-y divide-gray-100 rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none"
+          data-cy={`${label} Menu Items`}
+        >
           {items}
         </HeadlessUIMenu.Items>
       </Transition>

diff --git a/packages/single-focus-trap/cypress/support/commands.ts b/packages/single-focus-trap/cypress/support/commands.ts
@@ -143,6 +143,8 @@ Cypress.Commands.add('buildTrap', ({ roots, initialFocus, returnFocus, lock, esc
     optionButtonName: 'Select BUILD Action',
   });
 
+  cy.get('@trapControls').find('button[data-cy="Action Menu Items"]').should('not.exist');
+
   cy.get('@trapControls').openDropdownAndChoose('Toggle roots Listbox', {
     itemsText: roots,
   });