fix(h5): unify regular slogan typography on splash and photo guide
This commit is contained in:
@@ -19,6 +19,18 @@ try {
|
||||
assert.equal(await page.locator('#s-splash .splash-slogan-brand').isVisible(), true);
|
||||
assert.equal(await page.locator('#s-splash .splash-slogan-brand').textContent(), "1'me");
|
||||
assert.equal(await page.locator('#s-splash .splash-slogan-brand').evaluate(el => getComputedStyle(el).fontWeight), '400');
|
||||
for (const root of ['#s-splash', '#p-photoguide']) {
|
||||
const fonts = await page.locator(root + ' .splash-slogan').evaluate(el => {
|
||||
return ['.splash-slogan-brand', '.splash-slogan-english'].map(selector => {
|
||||
const s = getComputedStyle(el.querySelector(selector));
|
||||
return [s.fontFamily, s.fontSize, s.fontWeight, s.lineHeight];
|
||||
});
|
||||
});
|
||||
assert.deepEqual(fonts[0], fonts[1], root + ': identical English font settings');
|
||||
assert.equal(fonts[0][1], '23px');
|
||||
assert.equal(fonts[0][2], '400');
|
||||
assert.match(await page.locator(root + ' .splash-slogan').getAttribute('aria-label'), /^1'me/);
|
||||
}
|
||||
const button = page.locator('#s-splash [data-action="open-privacy"]');
|
||||
await button.focus();
|
||||
const style = await button.evaluate(el => {
|
||||
@@ -31,5 +43,11 @@ try {
|
||||
await page.screenshot({ path:'/tmp/juzi-splash-brand-20261013.png' });
|
||||
await button.click();
|
||||
await page.waitForSelector('#p-privacy.show');
|
||||
await page.evaluate(() => {
|
||||
document.querySelector('#p-privacy').classList.remove('show');
|
||||
document.querySelector('#p-photoguide').classList.add('show');
|
||||
});
|
||||
await page.waitForTimeout(400);
|
||||
await page.screenshot({ path:'/tmp/juzi-photoguide-brand-20261013.png' });
|
||||
console.log('PASS splash brand, borderless focused start button, yellow fill, privacy entry');
|
||||
} finally { await browser.close(); }
|
||||
|
||||
Reference in New Issue
Block a user