Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore: use real font files for font tests #61399

Merged
merged 1 commit into from
Jan 31, 2024
Merged

Conversation

ForsakenHarmony
Copy link
Contributor

@ForsakenHarmony ForsakenHarmony commented Jan 30, 2024

Why?

Turbopack throws a build error (next just logs an error).
Also probably better to test with real font files in general.

Closes PACK-2324

@ijjk ijjk added Font (next/font) Related to Next.js Font Optimization. area: tests created-by: Turbopack team PRs by the Turbopack team. labels Jan 30, 2024
@ijjk
Copy link
Member

ijjk commented Jan 30, 2024

Stats from current PR

Default Build
General
vercel/next.js canary vercel/next.js hrmny/use-real-fonts Change
buildDuration 11.6s 11.7s N/A
buildDurationCached 5.9s 5s N/A
nodeModulesSize 200 MB 200 MB
nextStartRea..uration (ms) 441ms 432ms N/A
Client Bundles (main, webpack)
vercel/next.js canary vercel/next.js hrmny/use-real-fonts Change
3f784ff6-HASH.js gzip 53.4 kB 53.4 kB
423.HASH.js gzip 185 B 181 B N/A
68-HASH.js gzip 29.9 kB 29.9 kB N/A
framework-HASH.js gzip 45.2 kB 45.2 kB
main-app-HASH.js gzip 238 B 241 B N/A
main-HASH.js gzip 31.8 kB 31.8 kB N/A
webpack-HASH.js gzip 1.7 kB 1.7 kB
Overall change 100 kB 100 kB
Legacy Client Bundles (polyfills)
vercel/next.js canary vercel/next.js hrmny/use-real-fonts Change
polyfills-HASH.js gzip 31 kB 31 kB
Overall change 31 kB 31 kB
Client Pages
vercel/next.js canary vercel/next.js hrmny/use-real-fonts Change
_app-HASH.js gzip 194 B 195 B N/A
_error-HASH.js gzip 182 B 181 B N/A
amp-HASH.js gzip 502 B 502 B
css-HASH.js gzip 320 B 322 B N/A
dynamic-HASH.js gzip 2.5 kB 2.5 kB N/A
edge-ssr-HASH.js gzip 255 B 256 B N/A
head-HASH.js gzip 350 B 349 B N/A
hooks-HASH.js gzip 368 B 369 B N/A
image-HASH.js gzip 4.18 kB 4.18 kB N/A
index-HASH.js gzip 257 B 256 B N/A
link-HASH.js gzip 2.61 kB 2.61 kB N/A
routerDirect..HASH.js gzip 310 B 311 B N/A
script-HASH.js gzip 384 B 383 B N/A
withRouter-HASH.js gzip 306 B 308 B N/A
1afbb74e6ecf..834.css gzip 106 B 106 B
Overall change 608 B 608 B
Client Build Manifests
vercel/next.js canary vercel/next.js hrmny/use-real-fonts Change
_buildManifest.js gzip 484 B 484 B
Overall change 484 B 484 B
Rendered Page Sizes
vercel/next.js canary vercel/next.js hrmny/use-real-fonts Change
index.html gzip 529 B 527 B N/A
link.html gzip 542 B 541 B N/A
withRouter.html gzip 523 B 523 B
Overall change 523 B 523 B
Edge SSR bundle Size
vercel/next.js canary vercel/next.js hrmny/use-real-fonts Change
edge-ssr.js gzip 94 kB 94 kB N/A
page.js gzip 150 kB 150 kB N/A
Overall change 0 B 0 B
Middleware size
vercel/next.js canary vercel/next.js hrmny/use-real-fonts Change
middleware-b..fest.js gzip 624 B 624 B
middleware-r..fest.js gzip 151 B 149 B N/A
middleware.js gzip 37.6 kB 37.6 kB N/A
edge-runtime..pack.js gzip 1.92 kB 1.92 kB
Overall change 2.55 kB 2.55 kB
Next Runtimes
vercel/next.js canary vercel/next.js hrmny/use-real-fonts Change
app-page-exp...dev.js gzip 170 kB 170 kB
app-page-exp..prod.js gzip 95.8 kB 95.8 kB
app-page-tur..prod.js gzip 96.4 kB 96.4 kB
app-page-tur..prod.js gzip 91 kB 91 kB
app-page.run...dev.js gzip 142 kB 142 kB
app-page.run..prod.js gzip 90.3 kB 90.3 kB
app-route-ex...dev.js gzip 22.2 kB 22.2 kB
app-route-ex..prod.js gzip 14.9 kB 14.9 kB
app-route-tu..prod.js gzip 14.9 kB 14.9 kB
app-route-tu..prod.js gzip 14.5 kB 14.5 kB
app-route.ru...dev.js gzip 21.7 kB 21.7 kB
app-route.ru..prod.js gzip 14.5 kB 14.5 kB
pages-api-tu..prod.js gzip 9.43 kB 9.43 kB
pages-api.ru...dev.js gzip 9.7 kB 9.7 kB
pages-api.ru..prod.js gzip 9.43 kB 9.43 kB
pages-turbo...prod.js gzip 22 kB 22 kB
pages.runtim...dev.js gzip 22.7 kB 22.7 kB
pages.runtim..prod.js gzip 22 kB 22 kB
server.runti..prod.js gzip 49.7 kB 49.7 kB
Overall change 933 kB 933 kB
Commit: 581f152

@ijjk
Copy link
Member

ijjk commented Jan 30, 2024

Failing test suites

Commit: 66fe135

pnpm test-start test/e2e/next-font/with-font-declarations-file.test.ts

  • next/font/google with-font-declarations-file > preload correct files at /local-font
Expand output

● next/font/google with-font-declarations-file › preload correct files at /local-font

expect(received).toEqual(expected) // deep equality

- Expected  - 1
+ Received  + 1

  Object {
    "as": "font",
    "crossorigin": "anonymous",
    "data-next-font": "size-adjust",
-   "href": "/_next/static/media/2a931eed088772c9-s.p.woff2",
+   "href": "/_next/static/media/934c4b7cb736f2a3-s.p.woff2",
    "rel": "preload",
    "type": "font/woff2",
  }

  133 |       })
  134 |       // From /local-font
> 135 |       expect($('link[as="font"]').get(1).attribs).toEqual({
      |                                                   ^
  136 |         as: 'font',
  137 |         crossorigin: 'anonymous',
  138 |         href: '/_next/static/media/2a931eed088772c9-s.p.woff2',

  at Object.toEqual (e2e/next-font/with-font-declarations-file.test.ts:135:51)

Read more about building and testing Next.js in contributing.md.

@ForsakenHarmony ForsakenHarmony force-pushed the hrmny/use-real-fonts branch 3 times, most recently from d38bd5c to 66fe135 Compare January 31, 2024 01:02
@ForsakenHarmony ForsakenHarmony enabled auto-merge (squash) January 31, 2024 01:04
@ForsakenHarmony ForsakenHarmony merged commit 44b589e into canary Jan 31, 2024
62 of 67 checks passed
@ForsakenHarmony ForsakenHarmony deleted the hrmny/use-real-fonts branch January 31, 2024 01:22
@github-actions github-actions bot locked as resolved and limited conversation to collaborators Feb 14, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
created-by: Turbopack team PRs by the Turbopack team. Font (next/font) Related to Next.js Font Optimization. locked
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants