Checkpoint peering identity and opt-in discovery

tools/test-discovery-ui.js

@@ -0,0 +1,42 @@
+'use strict';
+const assert = require('node:assert/strict');
+
+module.exports = async function testDiscoveryUI(url, cookie) {
+  const { chromium } = require('playwright');
+  const browser = await chromium.launch({ channel: process.env.QA_BROWSER_CHANNEL || 'msedge', headless: true });
+  const context = await browser.newContext({ viewport: { width: 1280, height: 900 } });
+  const [name, ...value] = cookie.split('=');
+  await context.addCookies([{ name, value: value.join('='), url }]);
+  const page = await context.newPage(), errors = [];
+  page.on('pageerror', error => errors.push(error.message));
+  try {
+    await page.goto(url + '/discover.html');
+    await page.getByRole('heading', { name: 'Discover', exact: true }).waitFor();
+    await page.getByText('Turn on personalized discovery').waitFor();
+    await page.getByLabel('Personalized discovery').check();
+    await page.getByRole('button', { name: 'Run discovery now' }).click();
+    await page.getByText(/suggestions/, { exact: false }).first().waitFor();
+    await page.waitForFunction(() => document.querySelectorAll('.discovery-card').length > 0);
+    await page.locator('.discovery-card').first().getByText('Why this is here · evidence').click();
+    assert.ok(await page.locator('.discovery-card').first().locator('details li').count() > 0);
+    await page.locator('.discovery-card').first().getByRole('button', { name: '👍 Maybe' }).click();
+    await page.getByText('Preference saved').waitFor();
+    assert.equal(errors.length, 0, `Browser errors: ${errors.join('; ')}`);
+    await page.setViewportSize({ width: 390, height: 844 });
+    const overflow = await page.evaluate(() => ({ width: innerWidth, scroll: document.documentElement.scrollWidth,
+      elements: [...document.querySelectorAll('body *')].filter(el => el.getBoundingClientRect().right > innerWidth + 1)
+        .slice(0, 8).map(el => `${el.tagName}.${el.className}: ${Math.round(el.getBoundingClientRect().right)}`) }));
+    assert.ok(overflow.scroll <= overflow.width, `Discover page overflows on mobile: ${JSON.stringify(overflow)}`);
+    const create = await page.evaluate(() => fetch('/api/admin/user', { method: 'POST', headers: { 'content-type': 'application/json' },
+      body: JSON.stringify({ name: 'discovery-reader-qa', password: 'disposable-reader-test', admin: false }) }).then(response => response.status));
+    assert.equal(create, 200);
+    await page.evaluate(() => fetch('/api/logout', { method: 'POST', headers: { 'content-type': 'application/json' }, body: '{}' }));
+    await page.evaluate(() => fetch('/api/login', { method: 'POST', headers: { 'content-type': 'application/json' },
+      body: JSON.stringify({ name: 'discovery-reader-qa', password: 'disposable-reader-test' }) }));
+    await page.reload();
+    await page.getByRole('heading', { name: 'Discover', exact: true }).waitFor();
+    assert.equal(await page.getByRole('button', { name: 'Run discovery now' }).count(), 0);
+    assert.equal(await page.evaluate(() => fetch('/api/admin/discovery').then(response => response.status)), 403);
+    assert.equal(errors.length, 0, `Browser errors: ${errors.join('; ')}`);
+  } finally { await browser.close(); }
+};