Remove 'force' on width selection cypress test

seek-oss · May 22, 2024 · 03c38a4 · 03c38a4
1 parent 9e812a9
commit 03c38a4
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/cypress/support/utils.ts b/cypress/support/utils.ts
@@ -30,8 +30,7 @@ export const formatCode = () =>
 
 export const selectWidthPreference = (width: number) => {
   cy.findByRole('button', { name: 'Configure visible frames' }).click();
-  // Force needed as the checkbox is covered by 'Checkmark' svg
-  cy.findByRole('checkbox', { name: `${width}` }).click({ force: true });
+  cy.findByRole('checkbox', { name: `${width}` }).click();
 };
 
 export const togglePreviewPanel = () =>

diff --git a/src/Playroom/FramesPanel/FramesPanel.css.ts b/src/Playroom/FramesPanel/FramesPanel.css.ts
@@ -84,6 +84,7 @@ export const fakeCheckbox = style([
     borderRadius: 'large',
     marginRight: 'large',
     padding: checkboxPadding,
+    pointerEvents: 'none',
   }),
   {
     flexGrow: 0,