tamakyi
33e31cf4dc
参考蔚蓝档案 JP 首页（bluearchive.jp）的做法：整个视口是一张场景插画，UI 浮在场景之上， 而不是"白底 + 留白里贴几个人物"。之前几版反复调摆位都显得怪，根源就是缺了这层场景—— 人物没有环境，怎么摆都是贴纸。 - 新增教室场景两张（1920×1080 / 720×1003，共 28KB）：生成后裁掉右下角水印、 混白 38%、模糊 1.4px，保证白卡片仍有对比度； - 卡片与顶栏改半透明白 + backdrop-filter 磨砂（深色关闭，背后没场景时半透明只会变浑）； - 人物站在场景左侧地面（340px，离底边 36px）+ 椭圆接触阴影； - 浅色不再叠平铺纹样（压在实景上会变噪点），pattern.svg 删除，深色保留 pattern-dark； - 顺带修 ruleBody 不剥 CSS 注释的缺陷：令牌前写注释会让 tokenValue 取到粘连键， 色块预览静默失效（新增 TestRuleBodyIgnoresComments 守住）； - StaticVersion → 20261019q
118 lines
4.3 KiB
Go
118 lines
4.3 KiB
Go
package theme
|
|
|
|
import (
|
|
"io/fs"
|
|
"strings"
|
|
"testing"
|
|
|
|
"github.com/stretchr/testify/assert"
|
|
"github.com/stretchr/testify/require"
|
|
|
|
"github.com/tamakyi/TamaBox/static"
|
|
)
|
|
|
|
// 主题必须自带的一套颜色令牌（形状/字体/阴影允许继承基础层）。
|
|
var requiredTokens = []string{
|
|
"--tb-bg", "--tb-surface", "--tb-surface-2", "--tb-surface-hover", "--tb-border",
|
|
"--tb-text", "--tb-text-secondary", "--tb-text-muted",
|
|
"--tb-primary", "--tb-primary-weak",
|
|
}
|
|
|
|
func TestBuildAvailable(t *testing.T) {
|
|
list, def, _ := build("sakura", "default, sakura ,bad_Slug,missing")
|
|
|
|
assert.Equal(t, "sakura", def, "站点默认应取配置值")
|
|
var slugs []string
|
|
for _, item := range list {
|
|
slugs = append(slugs, item.Slug)
|
|
}
|
|
// bad_Slug 非法、missing 没有 css 文件，都应被忽略
|
|
assert.Equal(t, []string{"default", "sakura"}, slugs)
|
|
}
|
|
|
|
func TestBuildInvalidDefault(t *testing.T) {
|
|
_, def, _ := build("does-not-exist", "sakura")
|
|
assert.Equal(t, "", def, "默认主题不可用时回退基础外观")
|
|
|
|
_, def, _ = build("default", "default,sakura")
|
|
assert.Equal(t, "", def, "default 语义即基础外观，不应产生 css 请求")
|
|
}
|
|
|
|
func TestResolve(t *testing.T) {
|
|
// 站点默认是 sakura
|
|
themes, siteDef, index := build("sakura", "default,sakura")
|
|
require.Equal(t, "sakura", siteDef)
|
|
require.Contains(t, index, "sakura")
|
|
require.NotEmpty(t, themes)
|
|
|
|
assert.Equal(t, "sakura", resolve("", siteDef, index), "未选择时跟随站点默认")
|
|
assert.Equal(t, "sakura", resolve("SAKURA", siteDef, index), "大小写不敏感")
|
|
assert.Equal(t, "", resolve("default", siteDef, index), "显式选 default = 基础外观，不回退站点默认")
|
|
assert.Equal(t, "sakura", resolve("nope", siteDef, index), "非法值回退站点默认")
|
|
|
|
// 站点默认是基础外观
|
|
_, def2, index2 := build("default", "default,sakura")
|
|
assert.Equal(t, "", resolve("", def2, index2))
|
|
assert.Equal(t, "sakura", resolve("sakura", def2, index2))
|
|
}
|
|
|
|
// TestThemeCSSComplete 防止「复制底稿只写了浅色块」这类问题：
|
|
// 半套主题不会报错，只会让深色模式变成浅色配色。
|
|
func TestThemeCSSComplete(t *testing.T) {
|
|
entries, err := fs.ReadDir(static.FS, strings.TrimSuffix(themeCSSDir, "/"))
|
|
require.NoError(t, err)
|
|
require.NotEmpty(t, entries)
|
|
|
|
for _, e := range entries {
|
|
name := e.Name()
|
|
if !strings.HasSuffix(name, ".css") {
|
|
continue
|
|
}
|
|
slug := strings.TrimSuffix(name, ".css")
|
|
// _scaffold.css 是给人复制的模板，default.css 永不加载（仅提供色块预览）
|
|
if strings.HasPrefix(slug, "_") || slug == DefaultSlug {
|
|
continue
|
|
}
|
|
|
|
raw, err := static.FS.ReadFile(themeCSSDir + name)
|
|
require.NoError(t, err)
|
|
css := string(raw)
|
|
|
|
light := ruleBody(css, `html[data-theme-style="`+slug+`"]`)
|
|
require.NotEmpty(t, light, "%s：缺少浅色块 html[data-theme-style=\"%s\"]", name, slug)
|
|
|
|
dark := ruleBody(css, `html[data-theme="dark"][data-theme-style="`+slug+`"]`)
|
|
require.NotEmpty(t, dark, "%s：缺少深色块 html[data-theme=\"dark\"][data-theme-style=\"%s\"]", name, slug)
|
|
|
|
for _, tok := range requiredTokens {
|
|
assert.NotEmpty(t, tokenValue(light, tok), "%s 浅色块缺少 %s", name, tok)
|
|
assert.NotEmpty(t, tokenValue(dark, tok), "%s 深色块缺少 %s", name, tok)
|
|
}
|
|
}
|
|
}
|
|
|
|
func TestSwatch(t *testing.T) {
|
|
raw, err := static.FS.ReadFile(themeCSSDir + "sakura.css")
|
|
require.NoError(t, err)
|
|
sw := swatchOf(string(raw), "sakura")
|
|
assert.True(t, strings.HasPrefix(sw, "linear-gradient("), "swatch 应为渐变串，实际 %q", sw)
|
|
assert.Contains(t, sw, "#e5678f")
|
|
|
|
assert.Equal(t, "", swatchOf("/* 空文件 */", "sakura"), "取不到颜色时返回空串")
|
|
assert.Equal(t, "", swatchOf(`html[data-theme-style="x"] { --tb-bg: url(evil); --tb-primary: #fff; }`, "x"),
|
|
"非色值内容不得进入 swatch")
|
|
}
|
|
|
|
func TestRuleBodyIgnoresComments(t *testing.T) {
|
|
// 令牌前面写一行注释很常见；不剥注释的话 tokenValue 会取到
|
|
// "/* ... */ --tb-bg" 这种粘连键，色块预览静默失效。
|
|
css := `html[data-theme-style="x"] {
|
|
/* 磨砂卡片：半透明白 */
|
|
--tb-bg: #ffffff;
|
|
--tb-primary: rgba(74, 127, 193, 0.11);
|
|
}`
|
|
body := ruleBody(css, `html[data-theme-style="x"]`)
|
|
assert.Equal(t, "#ffffff", tokenValue(body, "--tb-bg"))
|
|
assert.Equal(t, "rgba(74, 127, 193, 0.11)", tokenValue(body, "--tb-primary"))
|
|
}
|