german/houseplan-card
1
0
Fork 0
mirror of https://github.com/Matysh/houseplan-card synced 2026-09-29 03:09:36 +00:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

test: stabilize grid-scale raster evidence

Browse Source 
Issue: #239
User-Visible: no
This commit is contained in:
Sergey Matyunin
2026-08-22 14:09:10 +03:00
parent 68cfbdff69
commit 30ea73b0aa
1 changed files with 20 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
demo/smoke_grid_scale_invariance.mjs
+20 -3
View File
@@ -186,15 +186,32 @@ const themeVars = {
};
const setTheme = async (theme) => {
await page.emulateMedia({ reducedMotion: 'reduce', colorScheme: theme });
await page.evaluate(({ variables, dark }) => {
await page.evaluate(async ({ variables, dark }) => {
for (const [name, value] of Object.entries(variables)) {
document.documentElement.style.setProperty(name, value);
}
document.documentElement.style.colorScheme = dark ? 'dark' : 'light';
const card = window.__card;
card.hass = { ...card.hass, themes: { ...(card.hass.themes || {}), darkMode: dark } };
await card.updateComplete;
await document.fonts.ready;
await new Promise((resolve) => requestAnimationFrame(() => requestAnimationFrame(resolve)));
}, { variables: themeVars[theme], dark: theme === 'dark' });
};
const stableScreenshot = async (locator) => {
let previous = null;
for (let attempt = 0; attempt < 6; attempt++) {
await page.evaluate(async () => {
await window.__card.updateComplete;
await document.fonts.ready;
await new Promise((resolve) => requestAnimationFrame(() => requestAnimationFrame(resolve)));
});
const current = await locator.screenshot({ animations: 'disabled' });
if (previous?.equals(current)) return current;
previous = current;
}
throw new Error('grid scale fixture did not reach two identical consecutive paints');
};
const capture = async (cellCm, mode, {
theme = 'light', projection = 'flat', staticCard = false, hide = [],
} = {}) => {
@@ -217,11 +234,11 @@ const capture = async (cellCm, mode, {
}
}, hide);
await page.evaluate(() => window.scrollTo(0, 0));
const pixels = await stage.screenshot({ animations: 'disabled' });
const pixels = await stableScreenshot(stage);
let staticPixels = null;
if (staticCard) {
await page.evaluate(() => window.__makeStaticGridCard());
staticPixels = await staticStage().screenshot({ animations: 'disabled' });
staticPixels = await stableScreenshot(staticStage());
}
return { metrics, pixels, staticPixels };
};