Migrate rsc tests to app dir tests (vercel#38158)

### Tests 
* keep node & edge for streaming
* separate rsc tests from streaming tests
* move rsc tests to app-dir, disable the broken ones for now

Author: huozhi

.github/workflows/build_test_deploy.yml

@@ -804,8 +804,6 @@ jobs:
       # test rsc hydration on firefox due to limited support of TransformStream api
       - run: npm i -g pnpm@${PNPM_VERSION}
         if: ${{needs.build.outputs.docsChange != 'docs only change'}}
-      - run: xvfb-run pnpm testheadless test/integration/react-streaming-and-server-components/test/index.test.js -t "should handle streaming server components correctly"
-        if: ${{needs.build.outputs.docsChange != 'docs only change'}}
 
   testSafari:
     name: Test Safari (production)

packages/next/build/index.ts

@@ -1074,7 +1074,7 @@ export default async function build(
         )
 
         await Promise.all(
-          pageKeys.map(async (page) => {
+          pageKeys.map((page) => {
             const checkPageSpan = staticCheckSpan.traceChild('check-page', {
               page,
             })

test/integration/react-streaming-and-server-components/app/pages/css-modules.server.js renamed to test/integration/react-server-components/basic/app/css-modules/page.server.js

@@ -1,9 +1,9 @@
 // CSS modules can only be imported inside client components for now.
-import RedText from '../components/red/index.client'
+import RedText from '../../components/red/index.client'
 
 export default function CSSM() {
   return (
-    <RedText>
+    <RedText id="red-text">
       <h1>This should be in red</h1>
     </RedText>
   )

test/integration/react-streaming-and-server-components/app/pages/escaping-rsc.server.js renamed to test/integration/react-server-components/basic/app/escaping-rsc/page.server.js

@@ -1,5 +1,5 @@
 import { Suspense } from 'react'
-import Nav from '../components/nav'
+import Nav from '../../components/nav'
 
 let result
 let promise
@@ -30,7 +30,3 @@ export default function Page() {
     </div>
   )
 }
-
-export const config = {
-  runtime: 'experimental-edge',
-}

test/integration/react-streaming-and-server-components/app/pages/external-imports.server.js renamed to test/integration/react-server-components/basic/app/external-imports/page.server.js

@@ -1,4 +1,4 @@
-import Bar from '../components/bar.server'
+import Bar from '../../components/bar.server'
 
 export default function Multi() {
   return <Bar />

test/integration/react-streaming-and-server-components/app/pages/global-styles-rsc.server.js renamed to test/integration/react-server-components/basic/app/global-styles-rsc/page.server.js

@@ -1,6 +1,6 @@
 import fs from 'fs'
 
-import Foo from '../components/foo.client'
+import Foo from '../../components/foo.client'
 
 export default function Page() {
   return (

test/integration/react-streaming-and-server-components/app/pages/invalid-ext.server.tsx renamed to test/integration/react-server-components/basic/app/invalid-ext/page.server.tsx

@@ -1,13 +1,9 @@
 import NextImage from 'next/image'
-import src from '../../public/test.jpg'
+import src from '../../../public/test.jpg'
 
 // Keep arrow function to test rsc loaders
 const Page = () => {
   return <NextImage src={src} />
 }
 
 export default Page
-
-export const config = {
-  runtime: 'experimental-edge',
-}