From 9ee803e170a67fec7080f2256f532583b381a372 Mon Sep 17 00:00:00 2001 From: nathan Date: Wed, 24 Sep 2025 22:59:44 +0800 Subject: [PATCH] test: fix test --- cypress/e2e/editor/text-formatting.cy.ts | 32 ++++++++++++------------ cypress/support/selectors.ts | 10 ++++---- 2 files changed, 21 insertions(+), 21 deletions(-) diff --git a/cypress/e2e/editor/text-formatting.cy.ts b/cypress/e2e/editor/text-formatting.cy.ts index 79086c31..3db2ee1d 100644 --- a/cypress/e2e/editor/text-formatting.cy.ts +++ b/cypress/e2e/editor/text-formatting.cy.ts @@ -46,12 +46,12 @@ describe('Text Formatting - Selection and Formatting', () => { waitForReactUpdate(1000); // Wait for selection toolbar to appear and click bold button - cy.get('[data-testid="selection-toolbar"]', { timeout: 10000 }) - .should('exist') + EditorSelectors.selectionToolbar() + .should('exist', { timeout: 10000 }) .should('have.css', 'opacity', '1'); - cy.get('[data-testid="toolbar-bold-button"]', { timeout: 10000 }) - .should('exist') + EditorSelectors.boldButton() + .should('exist', { timeout: 10000 }) .should('be.visible') .click({ force: true }); @@ -72,12 +72,12 @@ describe('Text Formatting - Selection and Formatting', () => { waitForReactUpdate(1000); // Wait for selection toolbar and click italic button - cy.get('[data-testid="selection-toolbar"]', { timeout: 10000 }) - .should('exist') + EditorSelectors.selectionToolbar() + .should('exist', { timeout: 10000 }) .should('have.css', 'opacity', '1'); - cy.get('[data-testid="toolbar-italic-button"]', { timeout: 10000 }) - .should('exist') + EditorSelectors.italicButton() + .should('exist', { timeout: 10000 }) .should('be.visible') .click({ force: true }); @@ -98,12 +98,12 @@ describe('Text Formatting - Selection and Formatting', () => { waitForReactUpdate(1000); // Wait for selection toolbar and click underline button - cy.get('[data-testid="selection-toolbar"]', { timeout: 10000 }) - .should('exist') + EditorSelectors.selectionToolbar() + .should('exist', { timeout: 10000 }) .should('have.css', 'opacity', '1'); - cy.get('[data-testid="toolbar-underline-button"]', { timeout: 10000 }) - .should('exist') + EditorSelectors.underlineButton() + .should('exist', { timeout: 10000 }) .should('be.visible') .click({ force: true }); @@ -124,12 +124,12 @@ describe('Text Formatting - Selection and Formatting', () => { waitForReactUpdate(1000); // Wait for selection toolbar and click strikethrough button - cy.get('[data-testid="selection-toolbar"]', { timeout: 10000 }) - .should('exist') + EditorSelectors.selectionToolbar() + .should('exist', { timeout: 10000 }) .should('have.css', 'opacity', '1'); - cy.get('[data-testid="toolbar-strikethrough-button"]', { timeout: 10000 }) - .should('exist') + EditorSelectors.strikethroughButton() + .should('exist', { timeout: 10000 }) .should('be.visible') .click({ force: true }); diff --git a/cypress/support/selectors.ts b/cypress/support/selectors.ts index 8a7afc0b..60f8ff40 100644 --- a/cypress/support/selectors.ts +++ b/cypress/support/selectors.ts @@ -320,11 +320,11 @@ export const EditorSelectors = { selectionToolbar: () => cy.get('[data-testid="selection-toolbar"]'), // Formatting buttons in toolbar - boldButton: () => cy.get('[data-testid="toolbar-bold-button"]'), - italicButton: () => cy.get('[data-testid="toolbar-italic-button"]'), - underlineButton: () => cy.get('[data-testid="toolbar-underline-button"]'), - strikethroughButton: () => cy.get('[data-testid="toolbar-strikethrough-button"]'), - codeButton: () => cy.get('[data-testid="toolbar-code-button"]'), + boldButton: () => cy.get(byTestId('toolbar-bold-button')), + italicButton: () => cy.get(byTestId('toolbar-italic-button')), + underlineButton: () => cy.get(byTestId('toolbar-underline-button')), + strikethroughButton: () => cy.get(byTestId('toolbar-strikethrough-button')), + codeButton: () => cy.get(byTestId('toolbar-code-button')), }; /**