diff --git a/frontend/playwright/ui/specs/text-editor-v2.spec.js b/frontend/playwright/ui/specs/text-editor-v2.spec.js index 299430fad1..b503a2a784 100644 --- a/frontend/playwright/ui/specs/text-editor-v2.spec.js +++ b/frontend/playwright/ui/specs/text-editor-v2.spec.js @@ -104,6 +104,7 @@ test("Update an already created text shape by prepending text", async ({ await workspace.clickLeafLayer("Lorem ipsum"); await workspace.textEditor.startEditing(); await workspace.textEditor.moveFromStart(0); + await page.evaluate(() => new Promise((resolve) => globalThis.requestIdleCallback(resolve))); await page.keyboard.type("Dolor sit amet "); const textContent = await workspace.textEditor.waitForTextSpanContent(); expect(textContent).toBe("Dolor sit amet Lorem ipsum"); diff --git a/frontend/playwright/ui/specs/tokens/remapping.spec.js b/frontend/playwright/ui/specs/tokens/remapping.spec.js index 96aabbdb26..82dad911b1 100644 --- a/frontend/playwright/ui/specs/tokens/remapping.spec.js +++ b/frontend/playwright/ui/specs/tokens/remapping.spec.js @@ -40,6 +40,34 @@ const createToken = async (page, type, name, textFieldName, value) => { await expect(tokensUpdateCreateModal).not.toBeVisible(); }; +const createTokenCombobox = async (page, type, name, textFieldName, value) => { + const tokensTabPanel = page.getByRole("tabpanel", { name: "tokens" }); + + const { tokensUpdateCreateModal } = await setupTokensFile(page, { + flags: ["enable-token-shadow"], + }); + + // Create base token + await tokensTabPanel + .getByRole("button", { name: `Add Token: ${type}` }) + .click(); + await expect(tokensUpdateCreateModal).toBeVisible(); + + const nameField = tokensUpdateCreateModal.getByLabel("Name"); + await nameField.fill(name); + + const valueFill = tokensUpdateCreateModal.getByRole("combobox", { + name: textFieldName, + }); + await valueFill.fill(value); + + const submitButton = tokensUpdateCreateModal.getByRole("button", { + name: "Save", + }); + await submitButton.click(); + await expect(tokensUpdateCreateModal).not.toBeVisible(); +}; + const renameToken = async (page, oldName, newName) => { const { tokensUpdateCreateModal, tokensSidebar, tokenContextMenuForToken } = await setupTokensFile(page, { flags: ["enable-token-shadow"] }); @@ -404,10 +432,10 @@ test.describe("Remapping Tokens", () => { const { tokensSidebar } = await setupTokensFile(page); // Create base border radius token - await createToken(page, "Border Radius", "base-radius", "Value", "4"); + await createTokenCombobox(page, "Border Radius", "base-radius", "Value", "4"); // Create derived border radius token - await createToken( + await createTokenCombobox( page, "Border Radius", "card-radius", @@ -446,10 +474,10 @@ test.describe("Remapping Tokens", () => { } = await setupTokensFile(page); // Create base border radius token - await createToken(page, "Border Radius", "radius-sm", "Value", "4"); + await createTokenCombobox(page, "Border Radius", "radius-sm", "Value", "4"); // Create derived border radius token - await createToken( + await createTokenCombobox( page, "Border Radius", "button-radius",