Add shared critical confirmation popup for destructive actions

test/web/rule-editor-contract.test.js

@@ -5,6 +5,7 @@ import test from 'node:test';
 
 const root = path.resolve(import.meta.dirname, '../..');
 const component = fs.readFileSync(path.join(root, 'src/web/components/ClientOverviewPage.jsx'), 'utf8');
+const popup = fs.readFileSync(path.join(root, 'src/web/components/ConfirmationPopup.jsx'), 'utf8');
 const styles = fs.readFileSync(path.join(root, 'src/web/styles.css'), 'utf8');
 
 test('rule editor add latency stays constant and dirty exits are guarded', () => {
@@ -14,3 +15,14 @@ test('rule editor add latency stays constant and dirty exits are guarded', () =>
   assert.match(component, /requestCloseLocalRules\(\)/);
   assert.match(component, /localRulesPendingRestart/);
 });
+
+test('critical confirmations share one accessible blocking popup', () => {
+  assert.match(component, /id="discard-local-rules"/);
+  assert.match(component, /id="delete-subscription"/);
+  assert.doesNotMatch(component, /client-local-rules-discard|client-delete-confirmation/);
+  assert.match(popup, /role="alertdialog"/);
+  assert.match(popup, /aria-modal="true"/);
+  assert.match(popup, /querySelectorAll\(FOCUSABLE\)/);
+  assert.match(popup, /element\.inert = true/);
+  assert.match(styles, /\.client-confirmation-popup\.is-open[\s\S]*backdrop-filter: blur\(18px\)/);
+});