update editor buttons

2026-09-09 23:50:27 +07:00
parent 56aabd5b8b
commit 0753e704fc
40 changed files with 145 additions and 53 deletions
@@ -0,0 +1,42 @@
+// Run: node tests/place-navigation.mjs
+import assert from 'node:assert/strict'
+import { readFileSync } from 'node:fs'
+import { runInNewContext } from 'node:vm'
+
+import ts from 'typescript'
+
+const source = readFileSync(new URL('../src/components/ScenariosEditorPage.vue', import.meta.url), 'utf8')
+const handler = source.match(/function navigateToPlace\([^]*?\n}/)[0]
+const places = [
+  { oldCode: 'A', code: 'renamed', mode: 'edit', text: 'Unsaved' },
+  { code: 'B', mode: 'show-editor', hidden: true },
+  { code: 'quote"#[]', mode: 'show-editor' },
+]
+const calls = []
+const errors = []
+const state = {
+  editorPlaces: { value: places },
+  scrollContainer: { value: {
+    scrollTop: 120,
+    getBoundingClientRect: () => ({ top: 70 }),
+    scrollTo: (options) => calls.push(['scroll', options.top]),
+  } },
+  placeCards: new Map(places.map((place) => [place, {
+    focus: () => calls.push(['focus', place.code]),
+    getBoundingClientRect: () => ({ top: 460 }),
+  }])),
+  message: { error: (text) => errors.push(text) },
+}
+runInNewContext(ts.transpile(handler, { target: ts.ScriptTarget.ES2022 }), state)
+const before = JSON.stringify(places)
+for (const code of ['B', 'A', 'A', 'quote"#[]']) {
+  state.navigateToPlace(code)
+}
+assert.deepEqual(calls, ['B', 'renamed', 'renamed', 'quote"#[]'].flatMap((code) => [
+  ['focus', code], ['scroll', 500],
+]))
+for (const code of ['', undefined, 'missing', 'renamed']) state.navigateToPlace(code)
+assert.equal(errors.length, 4)
+assert.equal(calls.length, 8)
+assert.equal(JSON.stringify(places), before)
+console.log('Place navigation: targets, missing codes, rename, focus and unsaved data passed')