test(e2e): fluxos de contato, navegação, teclado e menu do celular mais rígidos

e2e/routes.spec.ts

@@ -1,10 +1,10 @@
 import AxeBuilder from "@axe-core/playwright";
 import { expect, test } from "@playwright/test";
-import { DESKTOP, isDevServer, PHONE, sitemapPaths } from "./helpers";
+import { DESKTOP_USE, isDevServer, PHONE_USE, sitemapPaths } from "./helpers";
 
 /**
  * (a) Todas as rotas do /sitemap.xml respondem 200, sem erro de console e sem rolagem horizontal, no computador
- *     (1440x900) e no celular (390x844).
+ *     (1440x900) e no celular (390x844, `isMobile` e `hasTouch`).
  * (b) O axe não acha violação serious ou critical em nenhuma delas, nos mesmos dois tamanhos.
  * As rotas vêm do próprio sitemap: uma página nova entra no teste sozinha.
  *
@@ -19,13 +19,13 @@ const DEV_ONLY_KEY_WARNING =
   /Each child in a list should have a unique "key" prop/;
 
 const VIEWPORTS = [
-  { name: "computador 1440x900", size: DESKTOP },
-  { name: "celular 390x844", size: PHONE },
+  { name: "computador 1440x900", use: DESKTOP_USE },
+  { name: "celular 390x844 (isMobile, com toque)", use: PHONE_USE },
 ] as const;
 
-for (const { name, size } of VIEWPORTS) {
+for (const { name, use } of VIEWPORTS) {
   test.describe(`rotas do sitemap, ${name}`, () => {
-    test.use({ viewport: size });
+    test.use(use);
 
     test("respondem 200, sem erro de console e sem rolagem horizontal", async ({
       page,
@@ -84,9 +84,9 @@ for (const { name, size } of VIEWPORTS) {
   });
 }
 
-for (const { name, size } of VIEWPORTS) {
+for (const { name, use } of VIEWPORTS) {
   test.describe(`acessibilidade (axe), ${name}`, () => {
-    test.use({ viewport: size });
+    test.use(use);
 
     test("nenhuma violação serious ou critical em nenhuma rota do sitemap", async ({
       page,