oil-ui-pro 0.15.4 → 0.22.2（上游 ui.oiloil.org 正式包）＋ 记 P0-98 跨盘 rename 坑
- oil-ui-pro 升到 0.22.2：references 13→28 份（新增 16、删 imagery.md）、assets 增 cards/（22 组）与 fonts/、SKILL.md 顶层五步结构未改名。 - 升级路径：官方 `npx github:oil-oil/oil-cli update` 稳定失败（error=replace、报「检查目录权限」）。 真身为 EXDEV —— 解压在 os.tmpdir()（C 盘）、技能目录在 E 盘，Windows 上 rename 不能跨盘； CLI 的 catch 把非 CliError 原生异常一律兜底成 replaceFailed，真错误一个字不吐。 做法＝借其 prepare() 只做下载+校验，再 cp 到同盘 stage、rename 交换；官方命令复验 up_to_date。 - 回归：product-planning 按名引用的 visual-review.md／tools.md／design-direction.md／style-explorer.md 全部健在；命名闸门 2061｜0｜27。 - session-mechanism/references/pitfalls.md 新增 P0-98（含通则：更新器把原生错误兜底成指错方向的人话）。
This commit is contained in:
admin committed
1 parent
053a6a6723
commit
d9445b5888
126 files changed
+10345
-1401
No files matched your search
@@ -6,6 +6,7 @@ import importlib.util
|
||||
from html.parser import HTMLParser
|
||||
import io
|
||||
import json
|
||||
import re
|
||||
from pathlib import Path
|
||||
import shutil
|
||||
import subprocess
|
||||
@@ -35,6 +36,360 @@ class ExplorerBuildTests(unittest.TestCase):
|
||||
def save(self):
|
||||
self.manifest.write_text(json.dumps(self.data, ensure_ascii=False), encoding="utf-8")
|
||||
|
||||
def payload(self, page):
|
||||
return json.loads(page.split("const DATA = ", 1)[1].split(";\n", 1)[0])
|
||||
|
||||
def run_browser_probe(self, result_id="i18n-result", profile="chrome-probe"):
|
||||
chrome = (shutil.which("google-chrome") or shutil.which("chromium") or
|
||||
"/Applications/Google Chrome.app/Contents/MacOS/Google Chrome")
|
||||
runner = r"""
|
||||
import {spawn} from 'node:child_process';
|
||||
const chrome=spawn(process.argv[1],['--headless=new','--remote-debugging-pipe',
|
||||
'--no-first-run','--no-default-browser-check','--disable-extensions',
|
||||
'--force-prefers-reduced-motion',`--user-data-dir=${process.argv[2]}`,'about:blank'],
|
||||
{stdio:['ignore','ignore','ignore','pipe','pipe']});
|
||||
let seq=0,buffer='';const pending=new Map();
|
||||
chrome.on('error',error=>{console.error(error);process.exitCode=1;});
|
||||
chrome.stdio[4].on('data',data=>{
|
||||
buffer+=data.toString();let end;
|
||||
while((end=buffer.indexOf('\0'))>=0){
|
||||
const message=JSON.parse(buffer.slice(0,end));buffer=buffer.slice(end+1);
|
||||
if(pending.has(message.id)){const {resolve,reject}=pending.get(message.id);pending.delete(message.id);
|
||||
message.error?reject(Error(message.error.message)):resolve(message.result);}
|
||||
}
|
||||
});
|
||||
const send=(method,params={},sessionId)=>new Promise((resolve,reject)=>{
|
||||
const id=++seq;pending.set(id,{resolve,reject});
|
||||
chrome.stdio[3].write(JSON.stringify({id,method,params,...(sessionId?{sessionId}:{})})+'\0');
|
||||
});
|
||||
const deadline=setTimeout(()=>{console.error('Browser probe timed out');chrome.kill('SIGKILL');process.exitCode=1;},15000);
|
||||
try{
|
||||
const {targetId}=await send('Target.createTarget',{url:'about:blank'});
|
||||
const {sessionId}=await send('Target.attachToTarget',{targetId,flatten:true});
|
||||
await send('Page.enable',{},sessionId);
|
||||
await send('Emulation.setEmulatedMedia',{features:[{name:'prefers-reduced-motion',value:'reduce'}]},sessionId);
|
||||
await send('Page.navigate',{url:process.argv[3]},sessionId);
|
||||
let result;
|
||||
for(let i=0;i<100;i++){
|
||||
const response=await send('Runtime.evaluate',{expression:"document.querySelector('#i18n-result')?.textContent",returnByValue:true},sessionId);
|
||||
result=response.result.value;if(result)break;
|
||||
await new Promise(resolve=>setTimeout(resolve,50));
|
||||
}
|
||||
if(!result)throw Error('The page did not complete its interface/copy probe');
|
||||
console.log(result);
|
||||
}catch(error){console.error(error);process.exitCode=1;}
|
||||
finally{clearTimeout(deadline);chrome.kill();}
|
||||
"""
|
||||
runner = runner.replace("#i18n-result", "#" + result_id)
|
||||
return subprocess.run([shutil.which("node"), "--input-type=module", "-e", runner, chrome,
|
||||
str(self.folder / profile), self.output.as_uri()],
|
||||
capture_output=True, text=True, timeout=25, encoding="utf-8")
|
||||
|
||||
def test_lang_is_optional_and_preserved_when_explicit(self):
|
||||
builder.build(self.manifest, self.output)
|
||||
self.assertNotIn("lang", self.payload(self.output.read_text(encoding="utf-8")))
|
||||
for lang in ("zh", "en"):
|
||||
with self.subTest(lang=lang):
|
||||
self.data["lang"] = lang
|
||||
self.save()
|
||||
builder.build(self.manifest, self.output, force=True)
|
||||
self.assertEqual(self.payload(self.output.read_text(encoding="utf-8"))["lang"], lang)
|
||||
|
||||
def test_invalid_lang_preserves_existing_output(self):
|
||||
builder.build(self.manifest, self.output)
|
||||
original = self.output.read_bytes()
|
||||
for lang in (None, "", "ZH", "zh-CN", "en-US", "fr", 1, True, [], {}):
|
||||
with self.subTest(lang=lang):
|
||||
self.data["lang"] = lang
|
||||
self.save()
|
||||
with self.assertRaisesRegex(ValueError, "manifest.lang"):
|
||||
builder.build(self.manifest, self.output, force=True)
|
||||
self.assertEqual(original, self.output.read_bytes())
|
||||
|
||||
def test_native_viewport_formats_are_normalized_and_equivalent(self):
|
||||
fingerprints = set()
|
||||
for value in ("1920x1080", "1920×1080", " 1920 X 1080 ",
|
||||
{"width": 1920, "height": 1080}, {"width": 1920.0, "height": 1080.0}):
|
||||
for top_level in (True, False):
|
||||
with self.subTest(value=value, top_level=top_level):
|
||||
self.data.pop("nativeViewport", None)
|
||||
self.data["candidates"][0].pop("nativeViewport", None)
|
||||
target = self.data if top_level else self.data["candidates"][0]
|
||||
target["nativeViewport"] = value
|
||||
self.save()
|
||||
fingerprints.add(builder.build(self.manifest, self.output, force=True)["fingerprint"])
|
||||
payload = self.payload(self.output.read_text(encoding="utf-8"))
|
||||
self.assertEqual(payload["candidates"][0]["nativeViewport"], {"width": 1920, "height": 1080})
|
||||
self.assertEqual(len(fingerprints), 1)
|
||||
|
||||
def test_native_viewport_inheritance_override_and_identity(self):
|
||||
default = builder.build(self.manifest, self.output)
|
||||
self.assertNotIn("nativeViewport", self.payload(self.output.read_text(encoding="utf-8"))["candidates"][0])
|
||||
self.data["nativeViewport"] = "1920x720"
|
||||
self.data["candidates"].extend([
|
||||
dict(self.data["candidates"][0], id="b", nativeViewport={"width": 1366, "height": 1024}),
|
||||
dict(self.data["candidates"][0], id="c", nativeViewport="198×242"),
|
||||
])
|
||||
self.save()
|
||||
result = builder.build(self.manifest, self.output, force=True)
|
||||
candidates = self.payload(self.output.read_text(encoding="utf-8"))["candidates"]
|
||||
self.assertEqual([c["nativeViewport"] for c in candidates], [
|
||||
{"width": 1920, "height": 720}, {"width": 1366, "height": 1024}, {"width": 198, "height": 242}])
|
||||
self.assertNotEqual(result["fingerprint"], default["fingerprint"])
|
||||
self.data["candidates"][0]["nativeViewport"] = "1920x1080"
|
||||
self.save()
|
||||
self.assertNotEqual(builder.build(self.manifest, self.output, force=True)["fingerprint"], result["fingerprint"])
|
||||
|
||||
def test_invalid_native_viewports_report_received_values_and_preserve_output(self):
|
||||
builder.build(self.manifest, self.output)
|
||||
original = self.output.read_bytes()
|
||||
invalid = (None, True, 1920, [], {}, "", "1920", "1920:1080", "-1x1080", "0×1080",
|
||||
"1920.5x1080", {"width": 1920}, {"width": "1920", "height": 1080},
|
||||
{"width": True, "height": 1080}, {"width": 1920, "height": 0},
|
||||
{"width": 1920, "height": 1.5})
|
||||
for value in invalid:
|
||||
for top_level in (True, False):
|
||||
with self.subTest(value=value, top_level=top_level):
|
||||
self.data.pop("nativeViewport", None)
|
||||
self.data["candidates"][0].pop("nativeViewport", None)
|
||||
target = self.data if top_level else self.data["candidates"][0]
|
||||
target["nativeViewport"] = value
|
||||
self.save()
|
||||
with self.assertRaises(builder.ManifestError) as caught:
|
||||
builder.build(self.manifest, self.output, force=True)
|
||||
message = str(caught.exception)
|
||||
for expected in ("候选 a", "nativeViewport", json.dumps(value, ensure_ascii=False),
|
||||
'"1920x1080"', '"1920×1080"', '{"width":1920,"height":1080}'):
|
||||
self.assertIn(expected, message)
|
||||
self.assertEqual(self.output.read_bytes(), original)
|
||||
|
||||
def test_native_viewport_errors_are_collected_with_other_manifest_problems(self):
|
||||
self.data["nativeViewport"] = "bad-default"
|
||||
self.data["candidates"].append(dict(self.data["candidates"][0], id="b", nativeViewport="bad-b", palette=["red"]))
|
||||
self.data["candidates"].append(dict(self.data["candidates"][0], id="c", nativeViewport={"height": 242}))
|
||||
self.save()
|
||||
with self.assertRaises(builder.ManifestError) as caught:
|
||||
builder.build(self.manifest, self.output)
|
||||
self.assertEqual(len(caught.exception.problems), 4)
|
||||
for expected in ("manifest（用于候选 a）", "bad-default", "候选 b：nativeViewport", "bad-b",
|
||||
"候选 b：palette", "候选 c：nativeViewport", '{"height": 242}'):
|
||||
self.assertIn(expected, str(caught.exception))
|
||||
|
||||
@unittest.skipUnless(shutil.which("node"), "Node.js is needed to execute preview fitting")
|
||||
def test_default_viewports_and_narrow_native_canvas_fitting(self):
|
||||
template = builder.TEMPLATE.read_text(encoding="utf-8")
|
||||
fit = template.split(" function fit(s){", 1)[1].split("\n const fitAll=", 1)[0]
|
||||
program = r"""
|
||||
const SIZES={desktop:{w:1280,h:900},mobile:{w:390,h:844}},st={viewport:'desktop'};
|
||||
const byId={a:{}},innerHeight=844,$=()=>({offsetHeight:100});
|
||||
const narrow=()=>true,getComputedStyle=()=>({paddingLeft:'12',paddingRight:'12',paddingTop:'16',paddingBottom:'16'});
|
||||
const m={style:{}},box={clientWidth:390,clientHeight:0,dataset:{zoom:'fit'},classList:{contains:()=>false}};
|
||||
const s={isConnected:true,dataset:{id:'a'},parentElement:box,querySelector:()=>m,style:{}};
|
||||
""" + "function fit(s){" + fit + r"""
|
||||
const result=[];
|
||||
fit(s);result.push({...m.style,stage:{...s.style}});
|
||||
st.viewport='mobile';fit(s);result.push({...m.style,stage:{...s.style}});
|
||||
byId.a.nativeViewport={width:198,height:242};fit(s);result.push({...m.style,stage:{...s.style}});
|
||||
byId.a.nativeViewport={width:1366,height:1024};box.classList.contains=()=>true;
|
||||
fit(s);result.push({...m.style,stage:{...s.style}});
|
||||
byId.a.nativeViewport={width:198,height:2000};fit(s);result.push({...m.style,stage:{...s.style}});
|
||||
box.dataset.zoom='actual';fit(s);result.push({...m.style,stage:{...s.style}});
|
||||
console.log(JSON.stringify(result));
|
||||
"""
|
||||
run = subprocess.run([shutil.which("node"), "-e", program], capture_output=True, text=True, timeout=10, encoding="utf-8")
|
||||
self.assertEqual(run.returncode, 0, run.stderr)
|
||||
results = json.loads(run.stdout)
|
||||
for result, (width, height, scale) in zip(results, [
|
||||
(1280, 900, 390 / 1280), (390, 844, 1), (198, 242, 1),
|
||||
(1366, 1024, 366 / 1366), (198, 2000, 712 / 2000), (198, 2000, 1)]):
|
||||
self.assertEqual(result["width"], f"{width}px")
|
||||
self.assertEqual(result["height"], f"{height}px")
|
||||
self.assertAlmostEqual(float(result["transform"][6:-1]), scale)
|
||||
self.assertAlmostEqual(float(result["stage"]["width"][:-2]), width * scale)
|
||||
self.assertAlmostEqual(float(result["stage"]["height"][:-2]), height * scale)
|
||||
|
||||
@unittest.skipUnless(shutil.which("node") and (shutil.which("google-chrome") or shutil.which("chromium") or
|
||||
Path("/Applications/Google Chrome.app/Contents/MacOS/Google Chrome").is_file()),
|
||||
"Chrome/Chromium is needed for rendered viewport checks")
|
||||
def test_rendered_native_viewports_fit_cards_loupe_and_actual_size(self):
|
||||
self.data["nativeViewport"] = "1920x1080"
|
||||
self.data["candidates"].extend([
|
||||
dict(self.data["candidates"][0], id="b", nativeViewport="1920×720"),
|
||||
dict(self.data["candidates"][0], id="c", nativeViewport={"width": 198, "height": 242}),
|
||||
])
|
||||
self.save()
|
||||
builder.build(self.manifest, self.output)
|
||||
probe = r"""<script>
|
||||
(async()=>{
|
||||
const tick=()=>new Promise(resolve=>requestAnimationFrame(()=>requestAnimationFrame(resolve)));
|
||||
const measure=s=>{
|
||||
const m=s.querySelector('iframe'),r=m.getBoundingClientRect(),b=s.getBoundingClientRect();
|
||||
const box=s.parentElement,cs=getComputedStyle(box);
|
||||
return {id:s.dataset.id,width:parseFloat(m.style.width),height:parseFloat(m.style.height),
|
||||
scale:new DOMMatrix(getComputedStyle(m).transform).a,stage:[b.width,b.height],media:[r.width,r.height],
|
||||
available:[box.clientWidth-parseFloat(cs.paddingLeft)-parseFloat(cs.paddingRight),
|
||||
box.clientHeight-parseFloat(cs.paddingTop)-parseFloat(cs.paddingBottom)]};
|
||||
};
|
||||
await tick();const cards=[...document.querySelectorAll('.card .stage')].map(measure);
|
||||
document.querySelector('[data-viewport=mobile]').click();await tick();
|
||||
const mobile=[...document.querySelectorAll('.card .stage')].map(measure);
|
||||
const loupe=[],actual=[];
|
||||
for(const card of document.querySelectorAll('.card')){
|
||||
card.querySelector('.hit').click();await tick();
|
||||
loupe.push(measure(document.querySelector('.slide.is-current .stage')));
|
||||
document.querySelector('#zoom').click();await tick();
|
||||
actual.push(measure(document.querySelector('.slide.is-current .stage')));
|
||||
document.querySelector('[data-layout=compare]').click();await tick();
|
||||
}
|
||||
const out=document.createElement('pre');out.id='viewport-result';
|
||||
out.textContent=JSON.stringify({cards,mobile,loupe,actual});document.body.append(out);
|
||||
})();
|
||||
</script>"""
|
||||
self.output.write_text(self.output.read_text(encoding="utf-8").replace("</body></html>", probe + "</body></html>"), encoding="utf-8")
|
||||
run = self.run_browser_probe("viewport-result", "chrome-native")
|
||||
self.assertEqual(run.returncode, 0, run.stderr)
|
||||
result = json.loads(run.stdout)
|
||||
sizes = {"a": (1920, 1080), "b": (1920, 720), "c": (198, 242)}
|
||||
for mode, samples in result.items():
|
||||
self.assertEqual(len(samples), 3, mode)
|
||||
for sample in samples:
|
||||
with self.subTest(mode=mode, id=sample["id"]):
|
||||
width, height = sizes[sample["id"]]
|
||||
self.assertEqual((sample["width"], sample["height"]), (width, height))
|
||||
scale = sample["scale"]
|
||||
self.assertGreater(scale, 0)
|
||||
self.assertLessEqual(scale, 1)
|
||||
if mode == "actual":
|
||||
self.assertEqual(scale, 1)
|
||||
else:
|
||||
self.assertLessEqual(sample["stage"][0], sample["available"][0] + .1)
|
||||
if mode == "loupe":
|
||||
self.assertLessEqual(sample["stage"][1], sample["available"][1] + .1)
|
||||
for dimension, native in enumerate((width, height)):
|
||||
self.assertAlmostEqual(sample["stage"][dimension], native * scale, delta=.1)
|
||||
self.assertAlmostEqual(sample["media"][dimension], native * scale, delta=.1)
|
||||
|
||||
def test_interface_strings_are_complete_and_centralized(self):
|
||||
template = builder.TEMPLATE.read_text(encoding="utf-8")
|
||||
table_text = template.split("const I18N = ", 1)[1].split(";\n", 1)[0]
|
||||
table = json.loads(table_text)
|
||||
self.assertEqual(set(table), {"zh", "en"})
|
||||
self.assertEqual(set(table["zh"]), set(table["en"]))
|
||||
keys = set(re.findall(r"\bt\('([^']+)'", template))
|
||||
keys.update(re.findall(r'data-i18n(?:-[\w-]+)?="([^"]+)"', template))
|
||||
self.assertEqual(keys, set(table["zh"]))
|
||||
for key in keys:
|
||||
self.assertTrue(table["zh"][key], key)
|
||||
self.assertTrue(table["en"][key], key)
|
||||
self.assertNotRegex(table["en"][key], r"[\u3400-\u9fff]", key)
|
||||
placeholders = lambda value: set(re.findall(r"\{(\w+)\}", value))
|
||||
self.assertEqual(placeholders(table["zh"][key]), placeholders(table["en"][key]), key)
|
||||
# Both locales are shipped for browser detection; neither may leak into
|
||||
# markup or JavaScript outside this single table (comments are not UI).
|
||||
shell = template.replace(table_text, "{}")
|
||||
shell = re.sub(r"/\*.*?\*/|(?m:^\s*//[^\n]*)", "", shell, flags=re.S)
|
||||
self.assertNotRegex(shell, r"[\u3400-\u9fff]")
|
||||
|
||||
@unittest.skipUnless(shutil.which("node"), "Node.js is needed to execute the page's language and copy functions")
|
||||
def test_browser_language_fallback_and_copied_sentence(self):
|
||||
template = builder.TEMPLATE.read_text(encoding="utf-8")
|
||||
translations = template.split("// Interface strings:", 1)[1].split("(()=>{", 1)[0]
|
||||
translations = translations[translations.index("const I18N = "):]
|
||||
copy_function = template.split(" function copyText()", 1)[1].split("\n async function copy", 1)[0]
|
||||
number_function = template.split("no=c=>", 1)[1].split(",vtName=", 1)[0]
|
||||
cases = [(None, "zh-CN", "zh"), (None, "ZH-hant", "zh"),
|
||||
(None, "en-US", "en"), (None, "fr-FR", "en"),
|
||||
(None, "", "en"), ("zh", "en-US", "zh"), ("en", "zh-CN", "en")]
|
||||
program = "const results=[];\n"
|
||||
for lang, browser_lang, expected in cases:
|
||||
for round_value, notes, baseline in (("01", " More space ", False), ("", "", False), ("02", "", True)):
|
||||
data = {"round": round_value}
|
||||
if lang is not None:
|
||||
data["lang"] = lang
|
||||
program += "{\nconst DATA=" + json.dumps(data) + ";const navigator={language:" + json.dumps(browser_lang) + "};\n"
|
||||
program += translations
|
||||
program += "const c={name:'Direction A',baseline:" + json.dumps(baseline) + "};const DIRS=[c],byId={a:c},st={chosen:'a',notes:" + json.dumps(notes) + "};\n"
|
||||
program += "const no=c=>" + number_function + ";\nfunction copyText()" + copy_function
|
||||
program += "\nresults.push({lang:LANG,text:copyText()});\n}\n"
|
||||
program += "console.log(JSON.stringify(results));"
|
||||
# Passed as a file: the program is longer than a Windows command line may be.
|
||||
with tempfile.TemporaryDirectory() as folder:
|
||||
script = Path(folder) / "program.cjs"
|
||||
script.write_text(program, encoding="utf-8")
|
||||
run = subprocess.run([shutil.which("node"), str(script)], capture_output=True, text=True, encoding="utf-8", timeout=30)
|
||||
self.assertEqual(run.returncode, 0, run.stderr)
|
||||
results = iter(json.loads(run.stdout))
|
||||
for _, _, expected in cases:
|
||||
number = "现状" if expected == "zh" else "Current"
|
||||
texts = (["01：选 01 Direction A", "选 01 Direction A", f"02：选 {number} Direction A"]
|
||||
if expected == "zh" else ["Round 01: Go with 01 Direction A", "Go with 01 Direction A", f"Round 02: Go with {number} Direction A"])
|
||||
for text in texts:
|
||||
self.assertEqual(next(results), {"lang": expected, "text": text})
|
||||
|
||||
@unittest.skipUnless(shutil.which("node") and (shutil.which("google-chrome") or shutil.which("chromium") or
|
||||
Path("/Applications/Google Chrome.app/Contents/MacOS/Google Chrome").is_file()),
|
||||
"Chrome/Chromium is needed for rendered interface checks")
|
||||
def test_rendered_interfaces_do_not_mix_languages(self):
|
||||
chrome = (shutil.which("google-chrome") or shutil.which("chromium") or
|
||||
"/Applications/Google Chrome.app/Contents/MacOS/Google Chrome")
|
||||
self.source.write_text('<html><head></head><body>Sample</body></html>', encoding="utf-8")
|
||||
self.data.update(project="Demo", brief="Compare directions", round="01")
|
||||
self.data["candidates"][0].update(name="Direction A", concept="Clear hierarchy", typography="System font", traits=["Large headings"])
|
||||
self.data["candidates"].append(dict(self.data["candidates"][0], id="b", baseline=True, interactive=True))
|
||||
probe = r"""<script>
|
||||
(async()=>{
|
||||
const snapshots=[],copied=[];
|
||||
Object.defineProperty(navigator,'clipboard',{value:{writeText:async text=>copied.push(text)},configurable:true});
|
||||
const capture=()=>{
|
||||
const walker=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT);
|
||||
let n;while(n=walker.nextNode())if(!n.parentElement.closest('script,style'))snapshots.push(n.textContent.trim());
|
||||
document.querySelectorAll('[aria-label],[title],[placeholder]').forEach(n=>['aria-label','title','placeholder'].forEach(a=>{if(n.hasAttribute(a))snapshots.push(n.getAttribute(a));}));
|
||||
};
|
||||
const initial={loupe:!document.querySelector('#loupe').hidden,current:document.querySelector('.slide.is-current').dataset.id,mobile:document.querySelector('[data-viewport=mobile]').getAttribute('aria-pressed'),cards:document.querySelectorAll('.card').length,descriptions:[...document.querySelectorAll('.lede')].every(n=>getComputedStyle(n).display!=='none')};
|
||||
capture();document.querySelector('[data-layout=loupe]').click();capture();
|
||||
document.querySelector('#zoom').click();capture();document.querySelector('#zoom').click();
|
||||
document.querySelector('#info-body [data-pick]').click();await Promise.resolve();capture();
|
||||
navigator.clipboard.writeText=async()=>{throw Error('denied')};document.execCommand=()=>false;
|
||||
document.querySelector('#info-body [data-pick]').click();await Promise.resolve();await Promise.resolve();capture();
|
||||
const result=document.createElement('pre');result.id='i18n-result';result.textContent=JSON.stringify({lang:document.documentElement.lang,title:document.title,snapshots,copied,initial,saved:JSON.parse(localStorage.getItem(`oil-ui:${DATA.fingerprint}`))});document.body.append(result);
|
||||
})();
|
||||
</script>"""
|
||||
table = json.loads(builder.TEMPLATE.read_text(encoding="utf-8").split("const I18N = ", 1)[1].split(";\n", 1)[0])
|
||||
for lang in ("zh", "en"):
|
||||
with self.subTest(lang=lang):
|
||||
self.data["lang"] = lang
|
||||
self.save()
|
||||
builder.build(self.manifest, self.output, force=True)
|
||||
page = self.output.read_text(encoding="utf-8")
|
||||
key = "oil-ui:" + self.payload(page)["fingerprint"]
|
||||
legacy = {"layout": "loupe", "viewport": "mobile", "current": "b", "chosen": "a",
|
||||
"visible": [], "notesOn": False, "notes": "Old private note"}
|
||||
seed = "<script>localStorage.setItem(" + json.dumps(key) + "," + json.dumps(json.dumps(legacy)) + ");</script>"
|
||||
page = page.replace("<script>\nconst DATA", seed + "<script>\nconst DATA", 1)
|
||||
page = page.replace("</body></html>", probe + "</body></html>")
|
||||
self.output.write_text(page, encoding="utf-8")
|
||||
# Use the debugging pipe rather than virtual time: previews can
|
||||
# keep animation frames alive, so --dump-dom may never finish.
|
||||
run = self.run_browser_probe(profile="chrome-" + lang)
|
||||
self.assertEqual(run.returncode, 0, run.stderr)
|
||||
observed = json.loads(run.stdout)
|
||||
self.assertEqual(observed["lang"], table[lang]["htmlLang"])
|
||||
self.assertEqual(observed["title"], table[lang]["projectTitle"].replace("{project}", "Demo").replace("{edition}", " Pro" if builder.SKILL_ROOT.name == "oil-ui-pro" else ""))
|
||||
self.assertEqual(observed["initial"], {"loupe": True, "current": "b", "mobile": "true", "cards": 2, "descriptions": True})
|
||||
self.assertEqual(set(observed["saved"]), {"layout", "viewport", "current", "chosen"})
|
||||
self.assertEqual(observed["saved"]["chosen"], "b")
|
||||
strings = observed["snapshots"]
|
||||
self.assertNotIn("Old private note", strings)
|
||||
for key in ("compare", "loupe", "layoutLabel", "viewportLabel",
|
||||
"baseline", "fonts", "traits", "actual", "fit", "empty", "copied", "copyFailed"):
|
||||
self.assertIn(table[lang][key], strings, key)
|
||||
other = table["en" if lang == "zh" else "zh"][key]
|
||||
self.assertNotIn(other, strings, key)
|
||||
if lang == "en":
|
||||
self.assertNotRegex("\n".join(strings), r"[\u3400-\u9fff]")
|
||||
self.assertEqual(observed["copied"], ["01：选 现状 Direction A"] if lang == "zh"
|
||||
else ["Round 01: Go with Current Direction A"])
|
||||
|
||||
def test_portable_single_file_and_html_payload(self):
|
||||
result = builder.build(self.manifest, self.output)
|
||||
page = self.output.read_text(encoding="utf-8")
|
||||
@@ -135,7 +490,7 @@ class ExplorerBuildTests(unittest.TestCase):
|
||||
def test_source_escape_and_overwriting_inputs_are_rejected(self):
|
||||
self.data["candidates"][0]["source"] = "../outside.html"
|
||||
self.save()
|
||||
with self.assertRaises(ValueError):
|
||||
with self.assertRaisesRegex(ValueError, "把文件复制进 manifest 目录"):
|
||||
builder.build(self.manifest, self.output)
|
||||
self.data["candidates"][0]["source"] = "sample.html"
|
||||
self.save()
|
||||
@@ -172,9 +527,16 @@ class ExplorerBuildTests(unittest.TestCase):
|
||||
outside = Path(self.tmp.name).parent / f"{Path(self.tmp.name).name}-outside.png"
|
||||
outside.write_bytes(b"\x89PNG\r\n\x1a\n")
|
||||
self.addCleanup(outside.unlink)
|
||||
self.source.write_text(f'<!doctype html><html><head></head><body><img src="../{outside.name}" alt=""><img src="https://example.com/a.png" alt=""></body></html>', encoding="utf-8")
|
||||
with self.assertRaises(ValueError):
|
||||
builder.build(self.manifest, self.output)
|
||||
for fragment in (f'<img src="../{outside.name}" alt="">',
|
||||
f'<style>body{{background:url("../{outside.name}")}}</style>',
|
||||
f'<link rel="stylesheet" href="../{outside.name}">',
|
||||
f'<script src="../{outside.name}"></script>'):
|
||||
with self.subTest(fragment=fragment):
|
||||
self.source.write_text(f'<!doctype html><html><head>{fragment}</head><body></body></html>', encoding="utf-8")
|
||||
with self.assertRaises(ValueError) as caught:
|
||||
builder.build(self.manifest, self.output)
|
||||
for expected in ("候选 a", outside.name, "把文件复制进 manifest 目录"):
|
||||
self.assertIn(expected, str(caught.exception))
|
||||
|
||||
def test_live_candidates_accept_only_local_dev_servers(self):
|
||||
self.data["candidates"].append({"id": "live", "name": "现状", "concept": "当前版本", "typography": "系统字体", "palette": ["#fff"], "traits": ["现有页面"], "kind": "url", "url": "http://localhost:5173/orders", "baseline": True})
|
||||
@@ -333,11 +695,8 @@ class ExplorerBuildTests(unittest.TestCase):
|
||||
hooks = {
|
||||
"并排与单张": 'data-layout="loupe"',
|
||||
"手机视口": 'data-viewport="mobile"',
|
||||
"筛选": 'id="filter-list"',
|
||||
"设计说明开关": 'id="notes-toggle"',
|
||||
"实际尺寸": '实际尺寸 100%',
|
||||
"选择": "st.chosen",
|
||||
"备注": 'id="notes"',
|
||||
"选择即复制": 'navigator.clipboard',
|
||||
"本地地址候选": "c.kind==='url'",
|
||||
"服务未运行提示": "开发服务器没有运行",
|
||||
@@ -345,21 +704,96 @@ class ExplorerBuildTests(unittest.TestCase):
|
||||
"现状基线": "c.baseline",
|
||||
"可操作小样": "c.interactive",
|
||||
"按轮次保存": "DATA.fingerprint",
|
||||
"存储不可用提示": "浏览器存储不可用",
|
||||
"展示北极星": "c.concept",
|
||||
"展示色板": "c.palette",
|
||||
}
|
||||
missing = [name for name, hook in hooks.items() if hook not in page]
|
||||
self.assertEqual(missing, [], "模板缺少对比页承诺的功能，见 .github/EXPLORER.md")
|
||||
for removed in ('class="bar-r"', 'id="round"', 'id="filter-list"', 'id="notes-toggle"',
|
||||
'id="notes"', 'id="show-all"', "liveSource", "imageSource", "interactiveSource", "htmlSource"):
|
||||
self.assertNotIn(removed, page)
|
||||
|
||||
def test_brand_assets_and_edition_survive_relocation(self):
|
||||
copy = self.folder / "relocated"
|
||||
shutil.copytree(ROOT / "scripts", copy / "scripts", ignore=shutil.ignore_patterns("__pycache__"))
|
||||
shutil.copytree(ROOT / "assets", copy / "assets")
|
||||
logo = "data:image/png;base64," + base64.b64encode((ROOT / "assets/logo.png").read_bytes()).decode("ascii")
|
||||
font = "data:font/ttf;base64," + base64.b64encode((ROOT / "assets/fonts/instrument-serif/InstrumentSerif-Regular.ttf").read_bytes()).decode("ascii")
|
||||
for name, edition in (("oil-ui-pro", "pro"), ("oil-ui", "open")):
|
||||
with self.subTest(edition=edition):
|
||||
(copy / "SKILL.md").write_text("---\nname: " + name + "\n---\n", encoding="utf-8")
|
||||
output = self.folder / (edition + ".html")
|
||||
run = subprocess.run([sys.executable, str(copy / "scripts/build_explorer.py"), str(self.manifest),
|
||||
"--output", str(output)], cwd=self.folder, capture_output=True, text=True, encoding="utf-8")
|
||||
self.assertEqual(run.returncode, 0, run.stderr)
|
||||
page = output.read_text(encoding="utf-8")
|
||||
self.assertEqual(self.payload(page)["edition"], edition)
|
||||
self.assertIn(logo, page)
|
||||
self.assertIn(font, page)
|
||||
self.assertNotIn('href="logo.png"', page)
|
||||
self.assertNotIn('src="logo.png"', page)
|
||||
self.assertNotIn('url("fonts/', page)
|
||||
|
||||
def test_copied_skill_works_from_another_directory(self):
|
||||
copy = self.folder / "relocated"
|
||||
shutil.copytree(ROOT / "scripts", copy / "scripts", ignore=shutil.ignore_patterns("__pycache__"))
|
||||
shutil.copytree(ROOT / "assets", copy / "assets")
|
||||
run = subprocess.run([sys.executable, str(copy / "scripts" / "build_explorer.py"), str(self.manifest), "--output", str(self.output)], cwd=self.folder, capture_output=True, text=True)
|
||||
run = subprocess.run([sys.executable, str(copy / "scripts" / "build_explorer.py"), str(self.manifest), "--output", str(self.output)], cwd=self.folder, capture_output=True, text=True, encoding="utf-8")
|
||||
self.assertEqual(run.returncode, 0, run.stderr)
|
||||
self.assertTrue(self.output.is_file())
|
||||
|
||||
|
||||
def test_every_manifest_problem_is_reported_in_one_pass(self):
|
||||
self.data["schemaVersion"] = 2
|
||||
self.data["candidates"][0].update(id="A", palette=["red", "#fff"], source="missing.html")
|
||||
self.data["candidates"].append({"id": "b", "concept": "c", "typography": "t", "palette": ["#123456"], "traits": [], "kind": "pdf"})
|
||||
self.save()
|
||||
with self.assertRaises(builder.ManifestError) as caught:
|
||||
builder.build(self.manifest, self.output)
|
||||
text = str(caught.exception)
|
||||
self.assertGreaterEqual(len(caught.exception.problems), 6)
|
||||
for expected in ("schemaVersion", '候选 id "A" 无效', "missing.html", "red", 'kind 只能是', "候选 b：name", "候选 b：traits"):
|
||||
self.assertIn(expected, text)
|
||||
self.assertNotIn("#fff", text)
|
||||
self.assertFalse(self.output.exists())
|
||||
|
||||
def test_single_problem_reads_as_one_sentence(self):
|
||||
self.data["candidates"][0]["palette"] = ["blue"]
|
||||
self.save()
|
||||
with self.assertRaises(ValueError) as caught:
|
||||
builder.build(self.manifest, self.output)
|
||||
self.assertNotIn("处要改", str(caught.exception))
|
||||
self.assertIn("候选 a：palette", str(caught.exception))
|
||||
|
||||
def test_output_defaults_to_a_file_beside_the_manifest(self):
|
||||
run = subprocess.run([sys.executable, str(ROOT / "scripts" / "build_explorer.py"), str(self.manifest)], capture_output=True, text=True, encoding="utf-8")
|
||||
self.assertEqual(run.returncode, 0, run.stderr)
|
||||
expected = self.folder.resolve() / "style-explorer.html"
|
||||
self.assertEqual(Path(json.loads(run.stdout)["output"]), expected)
|
||||
self.assertTrue(expected.is_file())
|
||||
again = subprocess.run([sys.executable, str(ROOT / "scripts" / "build_explorer.py"), str(self.manifest)], capture_output=True, text=True, encoding="utf-8")
|
||||
self.assertEqual(again.returncode, 1)
|
||||
self.assertIn("--force", again.stderr)
|
||||
|
||||
def test_missing_and_malformed_manifests_say_what_to_do(self):
|
||||
script = str(ROOT / "scripts" / "build_explorer.py")
|
||||
missing = subprocess.run([sys.executable, script, str(self.folder / "nope.json")], capture_output=True, text=True, encoding="utf-8")
|
||||
self.assertEqual(missing.returncode, 1)
|
||||
self.assertIn("找不到 manifest", missing.stderr)
|
||||
self.assertNotIn("Errno", missing.stderr)
|
||||
broken = self.folder / "broken.json"
|
||||
broken.write_text('{"schemaVersion": 1,', encoding="utf-8")
|
||||
malformed = subprocess.run([sys.executable, script, str(broken)], capture_output=True, text=True, encoding="utf-8")
|
||||
self.assertEqual(malformed.returncode, 1)
|
||||
self.assertRegex(malformed.stderr, r"不是合法的 JSON：第 \d+ 行第 \d+ 列")
|
||||
self.assertNotIn("Traceback", malformed.stderr)
|
||||
|
||||
def test_help_shows_a_complete_example(self):
|
||||
run = subprocess.run([sys.executable, str(ROOT / "scripts" / "build_explorer.py"), "--help"], capture_output=True, text=True, encoding="utf-8")
|
||||
self.assertEqual(run.returncode, 0)
|
||||
for expected in ("manifest.json", '"schemaVersion": 1', "--force", "style-explorer.html"):
|
||||
self.assertIn(expected, run.stdout)
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
unittest.main()
|
||||
Reference in new issue
Block a user