Add failover setting step controls

test/web/style-boundaries.test.js

@@ -39,26 +39,26 @@ const expectedImports = [
 const sha256 = (value) => crypto.createHash('sha256').update(value).digest('hex');
 const acceptedLedger = {
   counts: {
-    cascadeEdges: 1014,
+    cascadeEdges: 1017,
     customProperties: 106,
-    declarations: 4063,
+    declarations: 4079,
     important: 0,
     keyframes: 50,
     media: 17,
-    rules: 1100,
-    variableReferences: 1036,
+    rules: 1103,
+    variableReferences: 1041,
   },
   hashes: {
-    cascadeEdges: '4fe4311542670277b77fffa4a14f7de1353f3f98f676fa07f3a5a202917cc14b',
+    cascadeEdges: 'baefd0b3605b82e516a6b4f76b047a8ec2f4a2e0a96d4cf77dec266f9c601e54',
     customProperties: 'fd6f16069f9fe3526f09d4d574431ddae67150d8e7a8a40e04c9fd2d179ec7ac',
-    declarations: 'e6695bd8f63a3ae1842683ff3346136a07e99d1c893cd8a7c6eaf8e50796d1fd',
+    declarations: 'bc841497c24f42e41ba053ac1c6bebd556596031402f0b1709e5bef3dd179358',
     duplicateKeyframes: '4f53cda18c2baa0c0354bb5f9a3ecbe5ed12ab4d8e11ba873c2f11161202b945',
     duplicateSelectors: '8982145dba05b33bf1c93b2d54cfbe76305b276ff3c657aa020144016ada5848',
     keyframes: 'af4b9ae18d070fd2462a9b050293f3821bf5017c6e7cc53bbe18dc826f0fe3b9',
-    ruleDeclarationSequences: '58fb23b3f9c488cb68d6b453951667dd55a8cdec31d3bababb8966997bf18812',
-    selectors: '33a03f858af784d6047bb33b0a4b2fd715da1ecad798554cf223d0d2389004ca',
-    variableReferences: 'cc85eef6fd25e1865151fec7ee090d3fbb7fa5769d89daf39ba1feb9cbe3f544',
-    witnesses: '88d2ed948d207fb7372770f803374ec6e0505c34bd59c580f9e1e568e0cdd60d',
+    ruleDeclarationSequences: 'b1498de2ccc1305f4df4e8a916ea9eacefde930408196fb8a037ea4e8e36fc01',
+    selectors: 'c1ed45252baf6856f1179b8459cdbc44754bdb412b7738e62df13d2364aa202d',
+    variableReferences: '41d6e2fdb0e0261bb003ce09b24cbeac54bd75874a4e94864386b6e72987bb22',
+    witnesses: '835e479222ea1447f21dc95be3d7e1b03c0225e1aa536ad0ab262f60cbd5e13c',
   },
 };
 
@@ -211,7 +211,7 @@ test('client typography uses the shared semantic scale outside the token owner',
 
 test('accepted stylesheet has pinned declaration, selector, keyframe, variable, and cascade ledgers', () => {
   const witnesses = readStyleWitnesses(root);
-  assert.equal(witnesses.length, 1050);
+  assert.equal(witnesses.length, 1080);
   assert.equal(witnesses.filter((witness) => witness.unknown || witness.ancestorUnknown).length, 0);
   const ledger = createStyleLedger(readStyleSource(root), { witnesses });
   assert.deepEqual(ledger.counts, acceptedLedger.counts);
@@ -324,6 +324,7 @@ test('selector proof uses the observed level-four grammar and exact specificity'
     ['.client-shell:has(.harbor-brand.is-gateway-active)', [{ a: 0, b: 3, c: 0 }]],
     ['.client-instructions-toggle:not(.client-devices-toggle):not(.client-diagnostics-toggle)', [{ a: 0, b: 3, c: 0 }]],
     [".client-power[aria-checked='true']::before", [{ a: 0, b: 2, c: 1 }]],
+    ['.client-failover-number-setting input::-webkit-inner-spin-button', [{ a: 0, b: 1, c: 2 }]],
     ['.client-instruction-block:nth-child(n)', [{ a: 0, b: 2, c: 0 }]],
     ['.client-confirmation-actions button:hover:not(:disabled), #root', [
       { a: 0, b: 3, c: 1 },
@@ -407,8 +408,8 @@ test('main owns one public stylesheet and the regrouped production CSS is determ
   assert.equal((main.match(/import ['"][^'"]+\.css['"]/g) || []).length, 1);
 
   const assets = fs.readdirSync(path.join(root, 'dist/assets')).filter((file) => file.endsWith('.css'));
-  assert.deepEqual(assets, ['index-DL7r5BkR.css']);
+  assert.deepEqual(assets, ['index-DsxsLlC8.css']);
   const built = fs.readFileSync(path.join(root, 'dist/assets', assets[0]));
-  assert.equal(built.byteLength, 154336);
-  assert.equal(sha256(built), '5a7e01e9723a683a904c09a7c77b956ae0769b2153ef34ca7d29fb7f36833b36');
+  assert.equal(built.byteLength, 154992);
+  assert.equal(sha256(built), '8e1947e4aa98297130ba9e5f097b8341ecdd89a80faaade55abf907b2796823b');
 });