显示调整

tests/apng-thumbnail.test.js

@@ -58,6 +58,10 @@ for (const root of ['.', 'release/UNIVERSAL_SpineViewer']) {
 	assert.match(script, /return smallest;/);
 	assert.doesNotMatch(script, /throw new Error\(t\('viewer\.animatedCannotFit'/);
 	assert.match(script, /require\('\.\.\/js\/animated-webp-encoder\.js'\)/);
+	assert.match(script, /require\('\.\.\/js\/spine-visible-bounds\.js'\)/);
+	assert.match(script, /async function measureVisibleBounds/);
+	assert.match(script, /const bounds = await measureVisibleBounds\(skeleton, geometryBounds, 1/);
+	assert.match(script, /measureVisibleBounds\(previewSkeleton, bounds, sampleTimes\.length/);
 	assert.match(script, /async function encodeAnimatedWebpToLimit/);
 	assert.match(script, /canvas\.toDataURL\('image\/webp', profile\.quality\)/);
 	assert.match(script, /extension: options\.format === 'apng' \? '\.png' : '\.webp'/);
@@ -67,10 +71,19 @@ for (const root of ['.', 'release/UNIVERSAL_SpineViewer']) {
 	assert.match(html, /id="animatedThumbStart" type="number" min="0" step="1"/);
 	assert.match(html, /id="animatedThumbEnd" type="number" min="0" step="1"/);
 	assert.match(html, /data-i18n="viewer\.framesUnit"/);
-	assert.match(html, /id="animatedThumbMaxSize" type="number" min="50" max="10240" step="50" value="100"/);
+	assert.match(html, /id="animatedThumbMaxSize" type="number" min="10" max="1024" step="10" value="30"/);
+	assert.match(html, /class="animated-thumb-danger" data-i18n="viewer\.animatedThumbnailDanger"/);
+	assert.match(html, /class="animated-thumb-warning-title" data-i18n="viewer\.animatedThumbnailAttention"/);
+	assert.match(css, /\.animated-thumb-warning-title \{ display: block; \}/);
+	assert.match(script, /maxSizeInput\.value = '30'/);
+	assert.match(script, /maxKilobytes < 10 \|\| maxKilobytes > 1024/);
+	assert.doesNotMatch(script, /startInput\.(?:focus|select)\(\)/);
+	assert.match(script, /document\.activeElement\.blur\(\)/);
 	assert.doesNotMatch(html, /id="animatedThumbQuality"/);
 	assert.doesNotMatch(html, /viewer\.secondsUnit/);
 	assert.match(html, /id="animatedThumbDialog"/);
+	assert.match(html, /id="animatedThumbDialogTitle"[^>]*>生成动态缩略图<\/div>/);
+	assert.match(css, /\.animated-thumb-card \.thumb-dialog-title \{ text-align: center; \}/);
 	assert.match(html, /id="animatedThumbFormat"><option value="webp">AWebP \(\.webp\)<\/option><option value="apng">APNG \(\.png\)<\/option>/);
 	assert.match(css, /\.animated-thumb-form \{[^}]*grid-template-columns: 96px minmax\(0, 1fr\)/);
 	assert.match(css, /\.animated-thumb-form input\[type="number"\]/);