76 lines
3.6 KiB
JavaScript
76 lines
3.6 KiB
JavaScript
'use strict';
|
||
/* ⑪ 预览（任务书测试 12） */
|
||
module.exports = {
|
||
name: '09-preview',
|
||
title: '预览画廊点击打开大图、标题/缩放/旋转/alt/加载错误正确、无无限画廊',
|
||
async run({ t, track, newPage, unlock, http }) {
|
||
const env = track(await newPage(http));
|
||
const { page } = env;
|
||
await unlock(page);
|
||
|
||
// ---- Dock 打开 → 画廊 ----
|
||
await page.evaluate(() => window.Apps.open('preview'));
|
||
await page.waitForTimeout(300);
|
||
t.eq(await page.evaluate(() => window.WM.windowsForApp('preview').length), 1, '打开 1 个预览窗口');
|
||
const cells = await page.$$eval('.preview-cell', n => n.length);
|
||
t.ok(cells >= 5, '画廊显示壁纸缩略图（' + cells + ' 张）');
|
||
|
||
// ---- 点击缩略图 → 大图窗口 ----
|
||
await page.evaluate(() => document.querySelector('.preview-cell').click());
|
||
await page.waitForTimeout(400);
|
||
t.eq(await page.evaluate(() => window.WM.windowsForApp('preview').length), 2, '点击后新开大图窗口');
|
||
const big = await page.evaluate(() => {
|
||
const wins = window.WM.windowsForApp('preview');
|
||
const w = wins[wins.length - 1];
|
||
const img = w.body.querySelector('.preview-img');
|
||
return {
|
||
hasImg: !!img, gallery: !!w.body.querySelector('.preview-gallery'),
|
||
title: w.title, alt: img ? img.alt : null, src: img ? img.getAttribute('src') : null,
|
||
};
|
||
});
|
||
t.ok(big.hasImg, '大图窗口显示 .preview-img');
|
||
t.eq(big.gallery, false, '大图窗口不是画廊（无无限画廊）');
|
||
t.includes(big.title, '— 预览', '标题含「— 预览」');
|
||
t.ok(big.alt && big.alt.length > 0, 'img alt 已设置');
|
||
t.includes(big.src, 'assets/wallpapers/', 'src 指向实际壁纸');
|
||
|
||
// ---- 连续点击多张：每张三都是大图，无画廊累积 ----
|
||
await page.evaluate(() => {
|
||
const cells = [...document.querySelectorAll('.preview-cell')];
|
||
cells[1].click(); cells[2].click();
|
||
});
|
||
await page.waitForTimeout(400);
|
||
const counts = await page.evaluate(() => ({
|
||
total: window.WM.windowsForApp('preview').length,
|
||
galleries: window.WM.windowsForApp('preview').filter(w => w.body.querySelector('.preview-gallery')).length,
|
||
images: window.WM.windowsForApp('preview').filter(w => w.body.querySelector('.preview-img')).length,
|
||
}));
|
||
t.eq(counts.total, 4, '共 4 个预览窗口（1 画廊 + 3 大图）');
|
||
t.eq(counts.galleries, 1, '画廊窗口不增殖');
|
||
t.eq(counts.images, 3, '大图窗口各一张');
|
||
|
||
// ---- 缩放与旋转 ----
|
||
const zr = await page.evaluate(() => {
|
||
const w = window.WM.windowsForApp('preview').find(x => x.body.querySelector('.preview-img'));
|
||
w.appState.zoom(0.2);
|
||
const img = w.body.querySelector('.preview-img');
|
||
const t1 = img.style.transform;
|
||
w.appState.zoomReset();
|
||
return { t1, t2: img.style.transform, info: w.body.querySelector('.preview-info').textContent };
|
||
});
|
||
t.includes(zr.t1, 'scale(1.2)', '放大生效');
|
||
t.includes(zr.t2, 'scale(1)', '实际大小重置');
|
||
t.includes(zr.info, '100%', '信息栏显示缩放比例');
|
||
|
||
// ---- 加载错误 ----
|
||
await page.evaluate(() => window.Apps.open('preview', { path: '/Users/guest/Pictures/not-exist.png', asset: 'assets/wallpapers/not-exist.png', name: '缺失图' }));
|
||
await page.waitForTimeout(600);
|
||
const errShown = await page.evaluate(() => {
|
||
const w = window.WM.windowsForApp('preview');
|
||
return w.some(x => x.body.textContent.includes('无法打开此文件'));
|
||
});
|
||
t.ok(errShown, '加载失败显示错误状态');
|
||
t.eq(env.errors.length, 0, '全程无未捕获异常: ' + env.errors.join(' | '));
|
||
},
|
||
};
|