Release Vulpes OS 2.7-preview.22

tests/keypad-gaia-controls.test.mjs

@@ -0,0 +1,67 @@
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {readFileSync} from 'node:fs';
+import vm from 'node:vm';
+import {nextKeypadTarget} from '../services/keypad-navigation.mjs';
+
+function control(localName, y, attributes={}) {
+  const state={checked:false,changes:0};
+  return {localName,state,isConnected:true,
+    getAttribute:name=>attributes[name] ?? null,
+    hasAttribute:name=>name in attributes,
+    closest:()=>null,
+    checkVisibility:()=>attributes.hidden === undefined,
+    getBoundingClientRect:()=>({x:15,y,width:210,height:55,left:15,right:225}),
+    click:()=>{throw Error('Native host click must not bypass Gaia');},
+    shadowRoot:{querySelector:selector=>selector === (localName === 'gaia-switch' ? '#switch' : '#checkbox') ? {
+      click:()=>{state.checked=!state.checked;state.changes++;}
+    }:null},
+  };
+}
+
+function fixture(elements) {
+  const source=readFileSync(new URL('../host/actors/KeypadChild.sys.mjs',import.meta.url),'utf8')
+    .replace(/^import .*;\n/gm,'').replace('export class','class');
+  const child=vm.runInNewContext(source+';new KeypadChild();',{
+    JSWindowActorChild:class {},KeypadText:class {commit() {}},nextKeypadTarget,
+  });
+  const document={activeElement:elements.at(-1),location:{hostname:'settings.localhost'},
+    documentElement:{dataset:{}},
+    querySelectorAll:selector=>elements.filter(e=>selector.split(',').includes(
+      e.localName === 'a' ? 'a[href]' : e.localName))};
+  child.document=document;child.contentWindow={innerWidth:240,innerHeight:290,scrollBy:()=>{}};
+  child.select=element=>{document.activeElement=element;child.selected=element;};
+  return {child,document,key:key=>child.receiveMessage({name:'Vulpes:Navigate',data:{key}})};
+}
+
+test('Wi-Fi → geolocation → airplane mode and back includes Gaia switches above the viewport',()=>{
+  const plane=control('gaia-switch',-20),gps=control('gaia-switch',40),wifi=control('a',100);
+  const {document,key}=fixture([plane,gps,wifi]);
+  for (const [direction,expected] of [
+    ['ArrowUp',gps],['ArrowUp',plane],['ArrowDown',gps],['ArrowDown',wifi],
+  ]) {key(direction);assert.equal(document.activeElement,expected);}
+});
+
+test('OK activates the Gaia shadow control exactly once',()=>{
+  for (const name of ['gaia-switch','gaia-checkbox']) {
+    const element=control(name,20),{key}=fixture([element]);
+    key('Enter');assert.deepEqual(element.state,{checked:true,changes:1});
+    key('Enter');assert.deepEqual(element.state,{checked:false,changes:2});
+  }
+});
+
+test('disabled and hidden Gaia controls are skipped',()=>{
+  const plane=control('gaia-switch',-20),disabled=control('gaia-switch',40,{disabled:''});
+  const hidden=control('gaia-checkbox',65,{hidden:''}),wifi=control('a',100);
+  const {document,key}=fixture([plane,disabled,hidden,wifi]);
+  key('ArrowUp');assert.equal(document.activeElement,plane);
+});
+
+test('activation cannot toggle a disabled control or a component that has not initialized',()=>{
+  for (const attributes of [{disabled:''},{'aria-disabled':'true'}]) {
+    const element=control('gaia-switch',20,attributes),{child}=fixture([element]);
+    child.activate(element);assert.equal(element.state.changes,0);
+  }
+  const element=control('gaia-switch',20),{child}=fixture([element]);
+  element.shadowRoot=null;child.activate(element);assert.equal(element.state.changes,0);
+});