♻️ Refactor composite token UI (#7287)

* ♻️ Refactor composite token UI

* 🐛 Fix comments
This commit is contained in:
Eva Marco
2025-09-10 12:16:39 +02:00
committed by GitHub
parent e1935fb3fb
commit a503f8ae93
10 changed files with 158 additions and 60 deletions

View File

@@ -997,13 +997,9 @@ test.describe("Tokens: Themes modal", () => {
};
// Switch to reference tab and back to composite tab
const referenceTabButton = tokensUpdateCreateModal.getByRole("button", {
name: "Reference",
});
const referenceTabButton = tokensUpdateCreateModal.getByTestId("reference-opt");
await referenceTabButton.click();
const compositeTabButton = tokensUpdateCreateModal.getByRole("button", {
name: "Composite",
});
const compositeTabButton = tokensUpdateCreateModal.getByTestId("composite-opt");
await compositeTabButton.click();
// Verify all values are preserved after switching tabs
@@ -1053,9 +1049,7 @@ test.describe("Tokens: Themes modal", () => {
await expect(submitButton).toBeDisabled();
// Switch to reference tab, should not be submittable either
const referenceTabButton = tokensUpdateCreateModal.getByRole("button", {
name: "Reference",
});
const referenceTabButton = tokensUpdateCreateModal.getByTestId("reference-opt");
await referenceTabButton.click();
await expect(submitButton).toBeDisabled();
});
@@ -1076,9 +1070,7 @@ test.describe("Tokens: Themes modal", () => {
const nameField = tokensUpdateCreateModal.getByLabel("Name");
await nameField.fill(newTokenTitle);
const referenceTabButton = tokensUpdateCreateModal.getByRole("button", {
name: "Reference",
});
const referenceTabButton = tokensUpdateCreateModal.getByTestId("reference-opt");
referenceTabButton.click();
const referenceField = tokensUpdateCreateModal.getByLabel("Reference");