fix(app): use the project menu pattern for editor picker (#30)

Replace the input-like native select with the same compact button and floating menu vocabulary used by existing source filters.
This commit is contained in:
tommy0103
2026-08-04 04:57:01 +08:00
committed by GitHub
parent 23adfa3847
commit 47df0fe76a
3 changed files with 163 additions and 27 deletions
+6 -3
View File
@@ -13,7 +13,10 @@ test('Settings reads the displayed version from the settings payload', () => {
});
test('Editor selector uses the themed Settings control vocabulary', () => {
assert.match(source, /<select class="path-field select-field"/);
assert.match(source, /\.select-field\s*\{[^}]*appearance:\s*none/s);
assert.match(source, /\.select-control::after\s*\{/);
assert.doesNotMatch(source, /<select\b/);
assert.match(source, /<button[^>]*class="editor-picker-trigger"/);
assert.match(source, /class="editor-picker-menu"/);
assert.match(source, /\.editor-picker\s*\{[^}]*width:\s*180px/s);
assert.match(source, /aria-haspopup="listbox"/);
assert.match(source, /role="option"/);
});