You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
22 lines
962 B
22 lines
962 B
5 months ago
|
import { chromium } from 'playwright';
|
||
|
|
const BASE = process.env.BASE_URL ?? 'http://localhost:5173';
|
||
|
|
const b = await chromium.launch();
|
||
|
|
const ctx = await b.newContext();
|
||
|
|
const p = await ctx.newPage();
|
||
|
|
await p.goto(BASE + '/uix/components/button', { waitUntil: 'networkidle' });
|
||
|
|
await p.waitForTimeout(400);
|
||
|
|
// Try to set color=affirm via the color chips
|
||
|
|
const affirmChip = p.locator('button[data-uix-chip]:has-text("affirm")').first();
|
||
|
|
if (await affirmChip.count() > 0) {
|
||
|
|
await affirmChip.click();
|
||
|
|
await p.waitForTimeout(200);
|
||
|
|
const d = await p.locator('[data-button]').first().evaluate((el: Element) => ({
|
||
|
|
dataColor: el.getAttribute('data-color'),
|
||
|
|
bg: getComputedStyle(el).backgroundColor,
|
||
|
|
paletteSolid: getComputedStyle(el).getPropertyValue('--button-palette-solid').trim(),
|
||
|
|
solidBg: getComputedStyle(el).getPropertyValue('--button-solid-bg').trim()
|
||
|
|
}));
|
||
|
|
console.log('button data-color=affirm', JSON.stringify(d));
|
||
|
|
}
|
||
|
|
await b.close();
|