index page
+ + ) +} diff --git a/test/e2e/next-head/index.test.ts b/test/e2e/next-head/index.test.ts new file mode 100644 index 000000000000000..479a67a63bc7ada --- /dev/null +++ b/test/e2e/next-head/index.test.ts @@ -0,0 +1,41 @@ +import { createNext, FileRef } from 'e2e-utils' +import { renderViaHTTP } from 'next-test-utils' +import cheerio from 'cheerio' +import webdriver from 'next-webdriver' +import { NextInstance } from 'test/lib/next-modes/base' +import { join } from 'path' + +describe('should set-up next', () => { + let next: NextInstance + + beforeAll(async () => { + next = await createNext({ + files: { + pages: new FileRef(join(__dirname, 'app/pages')), + components: new FileRef(join(__dirname, 'app/components')), + }, + }) + }) + afterAll(() => next.destroy()) + + it('should have correct head tags in initial document', async () => { + const html = await renderViaHTTP(next.url, '/') + const $ = cheerio.load(html) + + for (let i = 1; i < 5; i++) { + expect($(`meta[name="test-head-${i}"]`).attr()['content']).toBe('hello') + } + }) + + it('should have correct head tags after hydration', async () => { + const browser = await webdriver(next.url, '/') + + for (let i = 1; i < 5; i++) { + expect( + await browser + .elementByCss(`meta[name="test-head-${i}"]`) + .getAttribute('content') + ).toBe('hello') + } + }) +}) diff --git a/test/integration/document-functional-render-prop/lib/context.js b/test/integration/document-functional-render-prop/app/lib/context.js similarity index 100% rename from test/integration/document-functional-render-prop/lib/context.js rename to test/integration/document-functional-render-prop/app/lib/context.js diff --git a/test/integration/document-functional-render-prop/app/next.config.js b/test/integration/document-functional-render-prop/app/next.config.js new file mode 100644 index 000000000000000..a866ec0085c1013 --- /dev/null +++ b/test/integration/document-functional-render-prop/app/next.config.js @@ -0,0 +1,19 @@ +module.exports = { + experimental: { + reactRoot: true, + concurrentFeatures: true, + }, + webpack(config) { + const { alias } = config.resolve + // FIXME: resolving react/jsx-runtime https://github.com/facebook/react/issues/20235 + alias['react/jsx-dev-runtime'] = 'react/jsx-dev-runtime.js' + alias['react/jsx-runtime'] = 'react/jsx-runtime.js' + + // Use react 18 + alias['react'] = 'react-18' + alias['react-dom'] = 'react-dom-18' + alias['react-dom/server'] = 'react-dom-18/server' + + return config + }, +} diff --git a/test/integration/document-functional-render-prop/app/package.json b/test/integration/document-functional-render-prop/app/package.json new file mode 100644 index 000000000000000..f9dafc993a79cae --- /dev/null +++ b/test/integration/document-functional-render-prop/app/package.json @@ -0,0 +1,12 @@ +{ + "scripts": { + "next": "node -r ../test/require-hook.js ../../../../packages/next/dist/bin/next", + "dev": "yarn next dev", + "build": "yarn next build", + "start": "yarn next start" + }, + "dependencies": { + "react": "*", + "react-dom": "*" + } +} diff --git a/test/integration/document-functional-render-prop/pages/_document.js b/test/integration/document-functional-render-prop/app/pages/_document.js similarity index 100% rename from test/integration/document-functional-render-prop/pages/_document.js rename to test/integration/document-functional-render-prop/app/pages/_document.js diff --git a/test/integration/document-functional-render-prop/pages/index.js b/test/integration/document-functional-render-prop/app/pages/index.js similarity index 100% rename from test/integration/document-functional-render-prop/pages/index.js rename to test/integration/document-functional-render-prop/app/pages/index.js diff --git a/test/integration/document-functional-render-prop/tests/index.test.js b/test/integration/document-functional-render-prop/tests/index.test.js index d7cb027d41f7edb..c843082feed935e 100644 --- a/test/integration/document-functional-render-prop/tests/index.test.js +++ b/test/integration/document-functional-render-prop/tests/index.test.js @@ -3,7 +3,8 @@ import { join } from 'path' import { findPort, launchApp, killApp, renderViaHTTP } from 'next-test-utils' -const appDir = join(__dirname, '..') +const nodeArgs = ['-r', join(__dirname, '../../react-18/test/require-hook.js')] +const appDir = join(__dirname, '../app') let appPort let app @@ -11,7 +12,7 @@ describe('Functional Custom Document', () => { describe('development mode', () => { beforeAll(async () => { appPort = await findPort() - app = await launchApp(appDir, appPort) + app = await launchApp(appDir, appPort, { nodeArgs }) }) afterAll(() => killApp(app))