Make styling more consistent under test

This commit is contained in:
Michael Telatynski
2025-09-23 16:23:45 +01:00
parent f03994a35a
commit 501bf9e769
6 changed files with 5 additions and 1 deletions
@@ -21,6 +21,10 @@ const Root = styled.nav`
border-bottom: "var(--cpd-border-width-1) solid var(--cpd-color-bg-subtle-primary)";
display: flex;
gap: var(--cpd-space-3x);
h1 {
align-self: center;
}
`;
const LogoContainer = styled.div`
@@ -33,7 +33,7 @@ test.describe("Banner", () => {
},
});
test("should error if config is missing", { tag: ["@screenshot"] }, async ({ page }) => {
test("should error if config is missing", async ({ page }) => {
await expect(page.getByText("Your Element is misconfigured")).toBeVisible();
await expect(page.getByText("Errors in module configuration")).toBeVisible();
// We don't take a screenshot as we don't want to assert Element's styling, only our own
Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB