Match stale data overlay styling
ci-deploy / build-deploy-test (push) Successful in 1m31s

This commit is contained in:
2026-05-18 18:42:08 +03:00
parent f1ab656305
commit 5c3f49204c
2 changed files with 15 additions and 13 deletions
@@ -1,16 +1,11 @@
.stale-data-overlay {
position: fixed;
inset: 0;
z-index: 9999;
display: flex;
align-items: flex-start;
justify-content: center;
box-sizing: border-box;
padding: 20vh 24px 24px;
background: rgb(255 255 255 / 70%);
color: #111827;
font-size: 18px;
font-weight: 600;
line-height: 1.4;
top: 0;
left: 0;
text-align: center;
padding-top: 20%;
width: 100%;
height: 100%;
background-color: rgb(255 255 255 / 70%);
z-index: 9999;
}
+8 -1
View File
@@ -284,10 +284,17 @@ test.describe("Online Board", () => {
timeout: 10000,
});
await expect(page.locator('[data-testid="stale-data-overlay"]')).toHaveText(
const overlay = page.locator('[data-testid="stale-data-overlay"]');
await expect(overlay).toHaveText(
"Данные устарели, обновите страницу!",
{ timeout: 2000 },
);
await expect(overlay).toHaveCSS("position", "fixed");
await expect(overlay).toHaveCSS("top", "0px");
await expect(overlay).toHaveCSS("left", "0px");
await expect(overlay).toHaveCSS("text-align", "center");
await expect(overlay).toHaveCSS("background-color", "rgba(255, 255, 255, 0.7)");
await expect(overlay).toHaveCSS("z-index", "9999");
});
test("route results redirect to main page after stale-data stop timeout", async ({