test(integration): cover being asked to log in when requesting a review

Adds a spec making sure that the log-in dialog appears when trying to request a review.

I've not gone further for the moment as it requires integration with an external system (ORCID).

Ref #388

integration/src/requesting-a-review.spec.ts

@@ -0,0 +1,23 @@
+import { test, expect } from '@playwright/test';
+import { blur } from './utils';
+
+test.describe('requesting a review', () => {
+  test('have to log in with ORCID', async ({ page }) => {
+    await page.goto('/reviews');
+    await page.route(/https?:\/\/(?:.+\.)?twitter.com(?:$|\/|\?|#)/, route =>
+      route.abort(),
+    );
+    await page.click(':text("Get started")');
+
+    await page.click(':text("Add Request")');
+
+    const dialog = await page.waitForSelector('[role="dialog"]');
+    await dialog.scrollIntoViewIfNeeded();
+
+    expect(await dialog.innerText()).toContain('You must be logged in');
+
+    const screenshot = await page.screenshot().then(blur);
+
+    expect(screenshot).toMatchSnapshot('log-in.png');
+  });
+});