import {chromium} from 'playwright';
const b = await chromium.launch({channel: 'chrome'});
for (const rm of ['no-preference', 'reduce']) {
  const p = await b.newPage({viewport: {width: 390, height: 780}, isMobile: true, hasTouch: true, reducedMotion: rm});
  await p.goto('http://localhost/s/stay', {waitUntil: 'domcontentloaded'});
  await p.waitForTimeout(4500);
  await p.evaluate(() => document.querySelector('#songs').scrollIntoView({block: 'center'}));
  await p.waitForTimeout(900);
  const r = await p.evaluate(() => {
    const disc = document.querySelector('#songs .w4-spin');
    if (!disc) return {err: '판 없음'};
    const s = getComputedStyle(disc);
    const box = disc.getBoundingClientRect();
    return {animation: s.animationName + ' ' + s.animationDuration, playState: s.animationPlayState,
      w: Math.round(box.width), h: Math.round(box.height), visible: box.width > 0 && s.visibility !== 'hidden'};
  });
  console.log(`reduced-motion:${rm.padEnd(14)}`, JSON.stringify(r));
  await p.close();
}
await b.close();