[Cache Components] test labels when caching is disabled

Author: lubieowoce

test/development/app-dir/react-performance-track/react-performance-track.test.ts

@@ -1,13 +1,23 @@
 import { nextTestSetup } from 'e2e-utils'
 
-describe('react-performance-track', () => {
+describe.each([
+  {
+    description: 'caching enabled',
+    enableCache: true,
+  },
+  {
+    description: 'caching disabled',
+    enableCache: false,
+  },
+])('react-performance-track - $description', ({ enableCache }) => {
   // false is the default when visiting pages as an ordinary user.
   // true is the default when having Chrome DevTools open.
   // Hardcoded for now since most of the actual behavior is not intended.
-  const disableCache = false
-  const extraHTTPHeaders = disableCache
-    ? { 'Cache-Control': 'no-cache' }
-    : undefined
+  const extraHTTPHeaders = enableCache
+    ? undefined
+    : { 'Cache-Control': 'no-cache' }
+
+  const PREFETCHABLE = enableCache ? 'Prefetchable' : 'Server'
 
   const { next } = nextTestSetup({
     files: __dirname,
@@ -61,7 +71,7 @@ describe('react-performance-track', () => {
     expect(track).toEqual(
       expect.arrayContaining([
         {
-          name: '\u200bparams [Prefetchable]',
+          name: `\u200bparams [${PREFETCHABLE}]`,
           properties: [],
         },
       ])
@@ -80,7 +90,7 @@ describe('react-performance-track', () => {
     expect(track).toEqual(
       expect.arrayContaining([
         {
-          name: '\u200bsearchParams [Prefetchable]',
+          name: `\u200bsearchParams [${PREFETCHABLE}]`,
           properties: [],
         },
       ])
@@ -97,7 +107,7 @@ describe('react-performance-track', () => {
     expect(track).toEqual(
       expect.arrayContaining([
         {
-          name: '\u200bcookies [Prefetchable]',
+          name: `\u200bcookies [${PREFETCHABLE}]`,
           properties: [],
         },
         // TODO: The error message makes this seem like it shouldn't pop up here.
@@ -123,7 +133,7 @@ describe('react-performance-track', () => {
     })
 
     const track = await browser.eval('window.reactServerRequests.getSnapshot()')
-    // TODO: Should include "draftMode [Prefetchable]".
+    // draftMode should not show up as IO.
     expect(track).toEqual([
       {
         name: '\u200b',
@@ -142,7 +152,7 @@ describe('react-performance-track', () => {
     expect(track).toEqual(
       expect.arrayContaining([
         {
-          name: '\u200bheaders [Prefetchable]',
+          name: `\u200bheaders [${PREFETCHABLE}]`,
           properties: [],
         },
         // TODO: The error message makes this seem like it shouldn't pop up here.