chore: some test updates

Author: LekoArts

test/e2e/app-dir/index.test.ts

@@ -64,7 +64,7 @@ describe('app dir', () => {
       })
     }
 
-    it('should use application/octet-stream for flight', async () => {
+    it('should use text/x-component for flight', async () => {
       const res = await fetchViaHTTP(
         next.url,
         '/dashboard/deployments/123',
@@ -75,10 +75,10 @@ describe('app dir', () => {
           },
         },
       )
-      expect(res.headers.get('Content-Type')).toBe('application/octet-stream')
+      expect(res.headers.get('Content-Type')).toBe('text/x-component')
     })
 
-    it('should use application/octet-stream for flight with edge runtime', async () => {
+    it('should use text/x-component for flight with edge runtime', async () => {
       const res = await fetchViaHTTP(
         next.url,
         '/dashboard',
@@ -89,7 +89,7 @@ describe('app dir', () => {
           },
         },
       )
-      expect(res.headers.get('Content-Type')).toBe('application/octet-stream')
+      expect(res.headers.get('Content-Type')).toBe('text/x-component')
     })
 
     it('should pass props from getServerSideProps in root layout', async () => {
@@ -2093,12 +2093,12 @@ describe('app dir', () => {
 
       it('should insert preload tags for beforeInteractive and afterInteractive scripts', async () => {
         const html = await renderViaHTTP(next.url, '/script')
-        expect(html).toContain('<link href="/test1.js" rel="preload" as="script"/>')
-        expect(html).toContain('<link href="/test2.js" rel="preload" as="script"/>')
-        expect(html).toContain('<link href="/test3.js" rel="preload" as="script"/>')
+        expect(html).toContain('<link rel="preload" as="script" href="/test1.js"/>')
+        expect(html).toContain('<link rel="preload" as="script" href="/test2.js"/>')
+        expect(html).toContain('<link rel="preload" as="script" href="/test3.js"/>')
 
         // test4.js has lazyOnload which doesn't need to be preloaded
-        expect(html).not.toContain('<script src="/test4.js" rel="preload" as="script"/>')
+        expect(html).not.toContain('<script rel="preload" as="script" href="/test4.js"/>')
       })
     })
 

test/e2e/app-dir/next-font.test.ts

@@ -170,22 +170,25 @@ describe('app dir next-font', () => {
         expect($('link[as="font"]').length).toBe(3)
         expect($('link[as="font"]').get(0).attribs).toEqual({
           as: 'font',
-          crossorigin: '',
-          href: '/_next/static/media/e9b9dc0d8ba35f48.p.woff2',
+          crossorigin: 'anonymous',
+          "data-next-font": 'size-adjust',
+          href: '/_next/static/media/b2104791981359ae-s.p.woff2',
           rel: 'preload',
           type: 'font/woff2',
         })
         expect($('link[as="font"]').get(1).attribs).toEqual({
           as: 'font',
-          crossorigin: '',
-          href: '/_next/static/media/b61859a50be14c53.p.woff2',
+          crossorigin: 'anonymous',
+          "data-next-font": 'size-adjust',
+          href: '/_next/static/media/b61859a50be14c53-s.p.woff2',
           rel: 'preload',
           type: 'font/woff2',
         })
         expect($('link[as="font"]').get(2).attribs).toEqual({
           as: 'font',
-          crossorigin: '',
-          href: '/_next/static/media/b2104791981359ae.p.woff2',
+          crossorigin: 'anonymous',
+          "data-next-font": 'size-adjust',
+          href: '/_next/static/media/b2104791981359ae-s.p.woff2',
           rel: 'preload',
           type: 'font/woff2',
         })
@@ -202,22 +205,25 @@ describe('app dir next-font', () => {
         // From root layout
         expect($('link[as="font"]').get(0).attribs).toEqual({
           as: 'font',
-          crossorigin: '',
-          href: '/_next/static/media/e9b9dc0d8ba35f48.p.woff2',
+          crossorigin: 'anonymous',
+          "data-next-font": 'size-adjust',
+          href: '/_next/static/media/e1053f04babc7571-s.p.woff2',
           rel: 'preload',
           type: 'font/woff2',
         })
 
         expect($('link[as="font"]').get(1).attribs).toEqual({
           as: 'font',
-          crossorigin: '',
+          crossorigin: 'anonymous',
+          "data-next-font": 'size-adjust',
           href: '/_next/static/media/e1053f04babc7571.p.woff2',
           rel: 'preload',
           type: 'font/woff2',
         })
         expect($('link[as="font"]').get(2).attribs).toEqual({
           as: 'font',
-          crossorigin: '',
+          crossorigin: 'anonymous',
+          "data-next-font": 'size-adjust',
           href: '/_next/static/media/feab2c68f2a8e9a4.p.woff2',
           rel: 'preload',
           type: 'font/woff2',
@@ -235,15 +241,17 @@ describe('app dir next-font', () => {
         // From root layout
         expect($('link[as="font"]').get(0).attribs).toEqual({
           as: 'font',
-          crossorigin: '',
-          href: '/_next/static/media/e9b9dc0d8ba35f48.p.woff2',
+          crossorigin: 'anonymous',
+          "data-next-font": 'size-adjust',
+          href: '/_next/static/media/75c5faeeb9c86969-s.p.woff2',
           rel: 'preload',
           type: 'font/woff2',
         })
 
         expect($('link[as="font"]').get(1).attribs).toEqual({
           as: 'font',
-          crossorigin: '',
+          crossorigin: 'anonymous',
+          "data-next-font": 'size-adjust',
           href: '/_next/static/media/75c5faeeb9c86969.p.woff2',
           rel: 'preload',
           type: 'font/woff2',
@@ -261,15 +269,17 @@ describe('app dir next-font', () => {
         // From root layout
         expect($('link[as="font"]').get(0).attribs).toEqual({
           as: 'font',
-          crossorigin: '',
-          href: '/_next/static/media/e9b9dc0d8ba35f48.p.woff2',
+          crossorigin: 'anonymous',
+          "data-next-font": 'size-adjust',
+          href: '/_next/static/media/568e4c6d8123c4d6-s.p.woff2',
           rel: 'preload',
           type: 'font/woff2',
         })
 
         expect($('link[as="font"]').get(1).attribs).toEqual({
           as: 'font',
-          crossorigin: '',
+          crossorigin: 'anonymous',
+          "data-next-font": 'size-adjust',
           href: '/_next/static/media/568e4c6d8123c4d6.p.woff2',
           rel: 'preload',
           type: 'font/woff2',