Make styling more consistent under test
@@ -21,6 +21,10 @@ const Root = styled.nav`
|
|||||||
border-bottom: "var(--cpd-border-width-1) solid var(--cpd-color-bg-subtle-primary)";
|
border-bottom: "var(--cpd-border-width-1) solid var(--cpd-color-bg-subtle-primary)";
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: var(--cpd-space-3x);
|
gap: var(--cpd-space-3x);
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
align-self: center;
|
||||||
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const LogoContainer = styled.div`
|
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("Your Element is misconfigured")).toBeVisible();
|
||||||
await expect(page.getByText("Errors in module configuration")).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
|
// We don't take a screenshot as we don't want to assert Element's styling, only our own
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 3.3 KiB After Width: | Height: | Size: 3.3 KiB |
|
Before Width: | Height: | Size: 3.3 KiB After Width: | Height: | Size: 3.3 KiB |
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 2.5 KiB |