feat: add advanced context actions and optional translation

test/menu-settings.test.js

@@ -0,0 +1,37 @@
+import test from 'node:test';
+import assert from 'node:assert/strict';
+import { DEFAULT_SETTINGS } from '../lib/defaults.js';
+const { initializeMenuSettings }=await import('../options/menu-settings.js').catch(()=>({}));
+function fixture() {
+  const fields=new Map();const document={activeElement:null,getElementById:id=>{
+    if(!fields.has(id))fields.set(id,{value:'',checked:false,hidden:false,textContent:'',addEventListener(type,fn){this[type]=fn;},setAttribute(name,value){this[name]=value;}});
+    return fields.get(id);
+  }};
+  let changed=0;
+  const controls=initializeMenuSettings({document,onChange:()=>changed++});
+  return {controls,document,field:document.getElementById,get changed(){return changed;}};
+}
+test('dependent controls preserve hidden preferences and restore defaults',()=>{
+  assert.equal(typeof initializeMenuSettings,'function');
+  const f=fixture();f.controls.render(DEFAULT_SETTINGS);
+  assert.equal(f.field('advanced-settings').hidden,true);
+  f.field('contextMenuMode').value='advanced';f.field('contextMenuMode').input();
+  assert.equal(f.field('advanced-settings').hidden,false);assert.equal(f.field('translation-settings').hidden,true);
+  f.field('showTranslate').checked=true;f.field('showTranslate').input();
+  assert.equal(f.field('translation-settings').hidden,false);
+  f.field('translationMode').value='preferred';f.field('translationMode').input();
+  assert.equal(f.field('preferred-language-field').hidden,false);
+  f.field('translationLanguage').value=' Spanish ';f.field('translationLanguage').input();
+  assert.equal(f.controls.collect().translationLanguage,'Spanish');
+  f.field('contextMenuMode').value='off';f.field('contextMenuMode').input();
+  assert.equal(f.controls.collect().translationLanguage,'Spanish');
+  f.controls.render(DEFAULT_SETTINGS);assert.equal(f.field('showTranslate').checked,false);assert.equal(f.field('translationLanguage').value,'');
+});
+test('invalid language gives guidance and active edits survive storage echoes',()=>{
+  assert.equal(typeof initializeMenuSettings,'function');
+  const f=fixture();f.controls.render({...DEFAULT_SETTINGS,contextMenuMode:'advanced',showTranslate:true,translationMode:'preferred'});
+  assert.match(f.field('language-validation').textContent,/language/i);
+  f.field('translationLanguage').value='😀'.repeat(100);f.field('translationLanguage').input();assert.equal(f.field('language-validation').textContent,'');
+  f.field('translationLanguage').value='😀'.repeat(101);f.field('translationLanguage').input();assert.notEqual(f.field('language-validation').textContent,'');assert.equal(f.controls.collect().translationLanguage,'');
+  f.document.activeElement=f.field('translationLanguage');f.controls.render(DEFAULT_SETTINGS);assert.equal([...f.field('translationLanguage').value].length,101);
+});