test: add failing test for /about page

Author: danielroe

nuxt.config.ts

@@ -17,6 +17,12 @@ export default defineNuxtConfig({
     '@nuxtjs/color-mode',
   ],
 
+  $test: {
+    debug: {
+      hydration: true,
+    },
+  },
+
   colorMode: {
     preference: 'system',
     fallback: 'dark',

test/e2e/hydration.spec.ts

@@ -3,8 +3,12 @@ import { expect, test } from './test-utils'
 test.describe('Hydration', () => {
   test('/ (homepage) has no hydration mismatches', async ({ goto, hydrationErrors }) => {
     await goto('/', { waitUntil: 'hydration' })
-    // await goto('/about', { waitUntil: 'hydration' })
-    // await goto('/settings', { waitUntil: 'hydration' })
+
+    expect(hydrationErrors).toEqual([])
+  })
+
+  test('/about has no hydration mismatches', async ({ goto, hydrationErrors }) => {
+    await goto('/about', { waitUntil: 'hydration' })
 
     expect(hydrationErrors).toEqual([])
   })