test(resume-data-cache): add x-vercel-cache-status header assertions

[devjiwonchoi]

No description provided.

[devjiwonchoi]

• test(resume-data-cache): add x-vercel-cache-status header assertions #89187 👈 (View in Graphite)
• canary

This stack of pull requests is managed by Graphite. Learn more about stacking.

[nextjs-bot]

Failing test suites

Commit: 97f28d0 | About building and testing Next.js

pnpm test-start test/e2e/app-dir/actions/app-action.test.ts (job)

Expand output

● Test suite failed to run

Jest encountered an unexpected token

Jest failed to parse a file. This happens e.g. when your code or its dependencies use non-standard JavaScript syntax, or when Jest is not configured to support such syntax.

Out of the box Jest supports Babel, which will be used to transform your files into valid JS based on your Babel configuration.

By default "node_modules" folder is ignored by transformers.

Here's what you can do:
 • If you are trying to use ECMAScript Modules, see https://jestjs.io/docs/ecmascript-modules for how to enable it.
 • If you are trying to use TypeScript, see https://jestjs.io/docs/getting-started#using-typescript
 • To have some of your "node_modules" files transformed, you can specify a custom "transformIgnorePatterns" in your config.
 • If you need a custom transformation specify a "transform" option in your config.
 • If you simply want to mock your non-JS modules (e.g. binary assets) you can stub them out with the "moduleNameMapper" config option.

You'll find more details and examples of these config options in the docs:
https://jestjs.io/docs/configuration
For information about custom transformations, see:
https://jestjs.io/docs/code-transformation

Details:

/root/actions-runner/_work/next.js/next.js/test/e2e/app-dir/actions/app-action.test.ts:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,jest){import { FileRef, nextTestSetup } from 'e2e-utils';
                                                                                  ^^^^^^

SyntaxError: Cannot use import statement outside a module

  at Runtime.createScriptFromCode (../node_modules/.pnpm/jest-runtime@29.7.0/node_modules/jest-runtime/build/index.js:1505:14)

pnpm test-start-turbo test/e2e/app-dir/segment-cache/revalidation/segment-cache-revalidation.test.ts (turbopack) (job)

• segment cache (revalidation) > refetch visible Form components after cache is revalidated (DD)

Expand output

● segment cache (revalidation) › refetch visible Form components after cache is revalidated

thrown: "Exceeded timeout of 120000 ms for a test.
Add a timeout value to this test to increase the timeout, if this is a long-running test. See https://jestjs.io/docs/api#testname-fn-timeout."

   97 |   })
   98 |
>  99 |   it('refetch visible Form components after cache is revalidated', async () => {
      |   ^
  100 |     // This is the same as the previous test, but for forms. Since the
  101 |     // prefetching implementation is shared between Link and Form, we don't
  102 |     // bother to test every feature using both Link and Form; this test should

  at it (e2e/app-dir/segment-cache/revalidation/segment-cache-revalidation.test.ts:99:3)
  at Object.describe (e2e/app-dir/segment-cache/revalidation/segment-cache-revalidation.test.ts:7:1)

pnpm test-dev test/e2e/app-dir/log-file/log-file.test.ts (job)

• log-file > should capture client logging in log file (DD)

Expand output

● log-file › should capture client logging in log file

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `log-file should capture client logging in log file 1`

- Snapshot  - 4
+ Received  + 4

- "[xx:xx:xx.xxx] Browser LOG     Client: Complex circular object: {"data":{"nested":{"items":[1,2,3],"value":42},"parent":"[Circular]"},"metadata":{"name":"safe stringify","version":"1.0.0"},"name":"test"}
- [xx:xx:xx.xxx] Browser ERROR   Client: This is an error message from client component
- [xx:xx:xx.xxx] Browser WARN    Client: This is a warning message from client component
- [xx:xx:xx.xxx] Server  ERROR   [browser] "Client: This is an error message from client component" "\n    at ClientPage.useEffect (app/client/page.tsx:25:13)\n  23 |     circularObj.data.parent = circularObj\n  24 |     console.log('Client: Complex circular object:', circularObj)\n> 25 |     console.error('Client: This is an error message from client component')\n     |             ^\n  26 |     console.warn('Client: This is a warning message from client component')\n  27 |   }, [])\n  28 |" "(app/client/page.tsx:25:13)"
+ "[xx:xx:xx.xxx] Server  ERROR   [browser] "Client: This is an error message from client component" "\n    at ClientPage.useEffect (app/client/page.tsx:25:13)\n  23 |     circularObj.data.parent = circularObj\n  24 |     console.log('Client: Complex circular object:', circularObj)\n> 25 |     console.error('Client: This is an error message from client component')\n     |             ^\n  26 |     console.warn('Client: This is a warning message from client component')\n  27 |   }, [])\n  28 |" "(app/client/page.tsx:25:13)"
  [xx:xx:xx.xxx] Browser ERROR   Client: This is an error message from client component "\n    at ClientPage.useEffect (app/client/page.tsx:25:13)\n  23 |     circularObj.data.parent = circularObj\n  24 |     console.log('Client: Complex circular object:', circularObj)\n> 25 |     console.error('Client: This is an error message from client component')\n     |             ^\n  26 |     console.warn('Client: This is a warning message from client component')\n  27 |   }, [])\n  28 |" "(app/client/page.tsx:25:13)"
  [xx:xx:xx.xxx] Server  WARN    [browser] "Client: This is a warning message from client component" "(app/client/page.tsx:26:13)"
  [xx:xx:xx.xxx] Browser WARN    Client: This is a warning message from client component
+ [xx:xx:xx.xxx] Browser LOG     Client: Complex circular object: {"data":{"nested":{"items":[1,2,3],"value":42},"parent":"[Circular]"},"metadata":{"name":"safe stringify","version":"1.0.0"},"name":"test"}
+ [xx:xx:xx.xxx] Browser ERROR   Client: This is an error message from client component
+ [xx:xx:xx.xxx] Browser WARN    Client: This is a warning message from client component
  "

  123 |         const newLogContent = getNewLogContent()
  124 |         // Only browser only logs are being forwarded to terminal
> 125 |         expect(newLogContent).toMatchInlineSnapshot(`
      |                               ^
  126 |          "[xx:xx:xx.xxx] Browser LOG     Client: Complex circular object: {"data":{"nested":{"items":[1,2,3],"value":42},"parent":"[Circular]"},"metadata":{"name":"safe stringify","version":"1.0.0"},"name":"test"}
  127 |          [xx:xx:xx.xxx] Browser ERROR   Client: This is an error message from client component
  128 |          [xx:xx:xx.xxx] Browser WARN    Client: This is a warning message from client component

  at toMatchInlineSnapshot (e2e/app-dir/log-file/log-file.test.ts:125:31)
  at fn (lib/next-test-utils.ts:831:20)
  at Object.<anonymous> (e2e/app-dir/log-file/log-file.test.ts:122:18)

pnpm test-deploy test/e2e/app-dir/resume-data-cache/resume-data-cache.test.ts (job)

• resume-data-cache > should have consistent data between static and dynamic renders with use cache (DD)
• resume-data-cache > should have consistent data between static and dynamic renders with fetch cache (DD)

Expand output

● resume-data-cache › should have consistent data between static and dynamic renders with use cache

expect(received).toBe(expected) // Object.is equality

Expected: "STALE"
Received: "HIT"

  79 |       if (isNextDeploy) {
  80 |         const cacheHeader = rscRes.headers.get('x-vercel-cache')
> 81 |         expect(cacheHeader).toBe('STALE')
     |                             ^
  82 |       }
  83 |       expect(rsc).toContain(first)
  84 |

  at toBe (e2e/app-dir/resume-data-cache/resume-data-cache.test.ts:81:29)

● resume-data-cache › should have consistent data between static and dynamic renders with fetch cache

expect(received).toContain(expected) // indexOf

Expected substring: "0.8802834162238455"
Received string:    "1:\"$Sreact.fragment\"
2:I[7121,[],\"\"]
3:I[4581,[],\"\"]
5:I[484,[],\"OutletBoundary\"]
6:\"$Sreact.suspense\"
8:I[484,[],\"ViewportBoundary\"]
a:I[484,[],\"MetadataBoundary\"]
0:{\"b\":\"H4aXof3Rj9FSeRyEQp8hC\",\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"html\",null,{\"children\":[\"$\",\"body\",null,{\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L4\",null,[\"$\",\"$L5\",null,{\"children\":[\"$\",\"$6\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@7\"}]}]]}],{},null,false,false]},null,false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L8\",\"_9Ghr932gMyfYghFUk_ugv\",{\"children\":\"$L9\"}],[\"$\",\"div\",\"_9Ghr932gMyfYghFUk_ugm\",{\"hidden\":true,\"children\":[\"$\",\"$La\",null,{\"children\":[\"$\",\"$6\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Lb\"}]}]}]]}],false]],\"q\":\"\",\"i\":false,\"S\":false}
9:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]
4:[[\"$\",\"p\",null,{\"id\":\"random-number\",\"children\":0.9757878322263425}],[\"$\",\"p\",null,{\"id\":\"another-random-number\",\"children\":\"0.7238591503589717\"}],[\"$\",\"$6\",null,{\"children\":\"$Lc\"}]]
7:null
b:[]
c:null
"

  59 |           expect(cacheHeader).toBe('HIT')
  60 |         }
> 61 |         expect(rsc).toContain(first)
     |                     ^
  62 |       })
  63 |
  64 |       // Then revalidate the page. Note: Dynamic RSC requests don't trigger

  at toContain (e2e/app-dir/resume-data-cache/resume-data-cache.test.ts:61:21)
  at retry (lib/next-test-utils.ts:831:14)
  at e2e/app-dir/resume-data-cache/resume-data-cache.test.ts:50:7

[nextjs-bot]

Stats from current PR

✅ No significant changes detected

📊 All Metrics

📖 Metrics Glossary

Dev Server Metrics:

• Listen = TCP port starts accepting connections
• First Request = HTTP server returns successful response
• Cold = Fresh build (no cache)
• Warm = With cached build artifacts

Build Metrics:

• Fresh = Clean build (no .next directory)
• Cached = With existing .next directory

Change Thresholds:

• Time: Changes < 50ms AND < 10%, OR < 2% are insignificant
• Size: Changes < 1KB AND < 1% are insignificant
• All other changes are flagged to catch regressions

⚡ Dev Server

Metric	Canary	PR	Change	Trend
Cold (Listen)	455ms	455ms	✓	▁▁▁▁█
Cold (Ready in log)	439ms	440ms	✓	▇▇▇▄▆
Cold (First Request)	1.220s	1.156s	✓	███▇▄
Warm (Listen)	457ms	456ms	✓	▁▁▁▁█
Warm (Ready in log)	445ms	444ms	✓	▁▁▂▁█
Warm (First Request)	346ms	342ms	✓	███▇▅

📦 Dev Server (Webpack) (Legacy)

📦 Dev Server (Webpack)

Metric	Canary	PR	Change	Trend
Cold (Listen)	455ms	455ms	✓	▁▁▁▁█
Cold (Ready in log)	440ms	440ms	✓	▃▃▁▃█
Cold (First Request)	1.852s	1.856s	✓	▃▂▁▂█
Warm (Listen)	456ms	455ms	✓	▁▁▁▁█
Warm (Ready in log)	438ms	439ms	✓	▃▃▁▃█
Warm (First Request)	1.882s	1.867s	✓	▃▂▁▂█

⚡ Production Builds

Metric	Canary	PR	Change	Trend
Fresh Build	4.312s	4.346s	✓	▁▁▁▁█
Cached Build	4.338s	4.301s	✓	▁▁▁▁█

📦 Production Builds (Webpack) (Legacy)

📦 Production Builds (Webpack)

Metric	Canary	PR	Change	Trend
Fresh Build	14.118s	14.102s	✓	▃▁▁▁█
Cached Build	14.201s	14.228s	✓	▃▁▁▂█
node_modules Size	462 MB	462 MB	✓	▁████

📦 Bundle Sizes

Bundle Sizes

⚡ Turbopack

Client

Main Bundles: **432 kB** → **432 kB** ✅ -42 B

81 files with content-based hashes (individual files not comparable between builds)

Server

Middleware

	Canary	PR	Change
middleware-b..fest.js gzip	770 B	763 B	✓
Total	770 B	763 B	✅ -7 B

Build Details

Build Manifests

	Canary	PR	Change
_buildManifest.js gzip	451 B	450 B	✓
Total	451 B	450 B	✅ -1 B

📦 Webpack

Client

Main Bundles

	Canary	PR	Change
5528-HASH.js gzip	5.47 kB	N/A	-
6280-HASH.js gzip	52.7 kB	N/A	-
6335.HASH.js gzip	169 B	N/A	-
912-HASH.js gzip	4.53 kB	N/A	-
e8aec2e4-HASH.js gzip	62.3 kB	N/A	-
framework-HASH.js gzip	59.7 kB	59.7 kB	✓
main-app-HASH.js gzip	257 B	252 B	🟢 5 B (-2%)
main-HASH.js gzip	39 kB	39 kB	✓
webpack-HASH.js gzip	1.68 kB	1.68 kB	✓
262-HASH.js gzip	N/A	4.52 kB	-
2889.HASH.js gzip	N/A	169 B	-
5602-HASH.js gzip	N/A	5.48 kB	-
6948ada0-HASH.js gzip	N/A	62.3 kB	-
9544-HASH.js gzip	N/A	53.2 kB	-
Total	226 kB	226 kB	⚠️ +474 B

Polyfills

	Canary	PR	Change
polyfills-HASH.js gzip	39.4 kB	39.4 kB	✓
Total	39.4 kB	39.4 kB	✓

Pages

	Canary	PR	Change
_app-HASH.js gzip	194 B	194 B	✓
_error-HASH.js gzip	183 B	180 B	🟢 3 B (-2%)
css-HASH.js gzip	331 B	330 B	✓
dynamic-HASH.js gzip	1.81 kB	1.81 kB	✓
edge-ssr-HASH.js gzip	256 B	256 B	✓
head-HASH.js gzip	351 B	352 B	✓
hooks-HASH.js gzip	384 B	383 B	✓
image-HASH.js gzip	580 B	581 B	✓
index-HASH.js gzip	260 B	260 B	✓
link-HASH.js gzip	2.49 kB	2.49 kB	✓
routerDirect..HASH.js gzip	320 B	319 B	✓
script-HASH.js gzip	386 B	386 B	✓
withRouter-HASH.js gzip	315 B	315 B	✓
1afbb74e6ecf..834.css gzip	106 B	106 B	✓
Total	7.97 kB	7.97 kB	✅ -1 B

Server

Edge SSR

	Canary	PR	Change
edge-ssr.js gzip	126 kB	126 kB	✓
page.js gzip	246 kB	247 kB	✓
Total	373 kB	373 kB	⚠️ +250 B

Middleware

	Canary	PR	Change
middleware-b..fest.js gzip	615 B	615 B	✓
middleware-r..fest.js gzip	156 B	155 B	✓
middleware.js gzip	32.9 kB	33.2 kB	✓
edge-runtime..pack.js gzip	842 B	842 B	✓
Total	34.5 kB	34.8 kB	⚠️ +256 B

Build Details

Build Manifests

	Canary	PR	Change
_buildManifest.js gzip	732 B	736 B	✓
Total	732 B	736 B	⚠️ +4 B

Build Cache

	Canary	PR	Change
0.pack gzip	3.71 MB	3.72 MB	🔴 +11.2 kB (+0%)
index.pack gzip	102 kB	101 kB	✓
index.pack.old gzip	102 kB	101 kB	🟢 1.66 kB (-2%)
Total	3.92 MB	3.93 MB	⚠️ +8.95 kB

🔄 Shared (bundler-independent)

Runtimes

	Canary	PR	Change
app-page-exp...dev.js gzip	308 kB	308 kB	✓
app-page-exp..prod.js gzip	164 kB	164 kB	✓
app-page-tur...dev.js gzip	308 kB	308 kB	✓
app-page-tur..prod.js gzip	164 kB	164 kB	✓
app-page-tur...dev.js gzip	305 kB	305 kB	✓
app-page-tur..prod.js gzip	162 kB	162 kB	✓
app-page.run...dev.js gzip	305 kB	305 kB	✓
app-page.run..prod.js gzip	162 kB	162 kB	✓
app-route-ex...dev.js gzip	70.2 kB	70.2 kB	✓
app-route-ex..prod.js gzip	48.8 kB	48.8 kB	✓
app-route-tu...dev.js gzip	70.2 kB	70.2 kB	✓
app-route-tu..prod.js gzip	48.8 kB	48.8 kB	✓
app-route-tu...dev.js gzip	69.8 kB	69.8 kB	✓
app-route-tu..prod.js gzip	48.6 kB	48.6 kB	✓
app-route.ru...dev.js gzip	69.8 kB	69.8 kB	✓
app-route.ru..prod.js gzip	48.6 kB	48.6 kB	✓
dist_client_...dev.js gzip	324 B	324 B	✓
dist_client_...dev.js gzip	326 B	326 B	✓
dist_client_...dev.js gzip	318 B	318 B	✓
dist_client_...dev.js gzip	317 B	317 B	✓
pages-api-tu...dev.js gzip	43.1 kB	43.1 kB	✓
pages-api-tu..prod.js gzip	32.8 kB	32.8 kB	✓
pages-api.ru...dev.js gzip	43.1 kB	43.1 kB	✓
pages-api.ru..prod.js gzip	32.8 kB	32.8 kB	✓
pages-turbo....dev.js gzip	52.4 kB	52.4 kB	✓
pages-turbo...prod.js gzip	39.3 kB	39.3 kB	✓
pages.runtim...dev.js gzip	52.3 kB	52.3 kB	✓
pages.runtim..prod.js gzip	39.3 kB	39.3 kB	✓
server.runti..prod.js gzip	62.5 kB	62.5 kB	✓
Total	2.75 MB	2.75 MB	✓