player: fullscreen button (scales with the window)

'⛶ full' in the controls: native requestFullscreen on the video (it fills
the viewport and rescales on window resize for free), with the iOS
webkitEnterFullscreen fallback where the Fullscreen API doesn't exist.
Click again to exit. Live browser test: enter + exit via the button.

tests/test_browser.py

@@ -490,3 +490,31 @@ async def _stale_history_remap_board():
             "location.search.includes('q=')", timeout=15000, polling=POLL)
         assert not errors, errors
         await browser.close()
+
+
+def test_fullscreen_toggle():
+    asyncio.run(_fullscreen_toggle())
+
+
+async def _fullscreen_toggle():
+    # the player controls get a fullscreen button; in headless chromium the
+    # native API works, so exercise enter + exit.
+    async with async_playwright() as p:
+        browser = await p.chromium.launch(args=LAUNCH_ARGS)
+        page = await (await browser.new_context()).new_page()
+        errors = []
+        page.on("pageerror", lambda e: errors.append(str(e)))
+        await _login(page, "admin", "adminpw12345")
+        await page.goto(BASE + "/?anime=chainsaw-man-922")
+        btn = page.locator("button:has-text('full')")
+        await btn.wait_for(timeout=30000)
+        assert await page.evaluate(
+            "() => typeof document.querySelector('#player video').requestFullscreen === 'function'")
+        await btn.click(force=True)
+        await page.wait_for_function(
+            "() => !!document.fullscreenElement", timeout=15000, polling=POLL)
+        await btn.click(force=True)
+        await page.wait_for_function(
+            "() => !document.fullscreenElement", timeout=15000, polling=POLL)
+        assert not errors, errors
+        await browser.close()