first commit

2026-03-10 19:37:31 +03:30
commit 61f56f997c
27684 changed files with 2784175 additions and 0 deletions
--- a/test/e2e/socket-io/app/layout.js
+++ b/test/e2e/socket-io/app/layout.js
@@ -0,0 +1,12 @@
+export const metadata = {
+  title: 'Next.js',
+  description: 'Generated by Next.js',
+}
+
+export default function RootLayout({ children }) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  )
+}
--- a/test/e2e/socket-io/app/page.js
+++ b/test/e2e/socket-io/app/page.js
@@ -0,0 +1,52 @@
+'use client'
+
+import { useEffect, useState } from 'react'
+import io from 'socket.io-client'
+
+let socket
+
+export default function Home() {
+  const [connected, setConnected] = useState(false)
+  const [value, setValue] = useState('')
+
+  const socketInitializer = async () => {
+    // We call this just to make sure we turn on the websocket server
+    await fetch('/api/socket')
+
+    socket = io(undefined, {
+      path: '/api/my_awesome_socket',
+    })
+
+    socket.on('connect', () => {
+      console.log('Connected', socket.id)
+    })
+
+    socket.on('newIncomingMessage', (msg) => {
+      setValue(msg)
+    })
+  }
+
+  const sendMessageHandler = async (e) => {
+    if (!socket) {
+      console.error('No socket connection yet for message')
+      return
+    }
+    const value = e.target.value
+
+    setValue(value)
+    socket.emit('createdMessage', value)
+  }
+
+  useEffect(() => {
+    socketInitializer().then(() => {
+      setConnected(true)
+    })
+  }, [])
+
+  return (
+    <>
+      <span id="status">{connected ? 'Connected' : 'Disconnected'}</span>
+      <input value={value} onChange={sendMessageHandler} />
+    </>
+  )
+}
--- a/test/e2e/socket-io/index.test.ts
+++ b/test/e2e/socket-io/index.test.ts
@@ -0,0 +1,60 @@
+import { nextTestSetup } from 'e2e-utils'
+import { retry } from 'next-test-utils'
+
+describe('socket-io', () => {
+  const { next } = nextTestSetup({
+    files: __dirname,
+    dependencies: {
+      'socket.io': '4.7.2',
+      'socket.io-client': '4.7.2',
+      'utf-8-validate': '6.0.3',
+      bufferutil: '4.0.8',
+    },
+    // the socket.io setup relies on patching next's `http.Server` instance,
+    // which we can't do when deployed
+    skipDeployment: true,
+  })
+
+  it('should support socket.io without falling back to polling', async () => {
+    let requestsCount = 0
+
+    const browser1 = await next.browser('/')
+    const browser2 = await next.browser('/', {
+      beforePageLoad(page) {
+        page.on('request', () => {
+          requestsCount++
+        })
+      },
+    })
+
+    await Promise.all([
+      retry(async () =>
+        expect(await browser1.elementByCss('#status').text()).toBe('Connected')
+      ),
+      retry(async () =>
+        expect(await browser2.elementByCss('#status').text()).toBe('Connected')
+      ),
+    ])
+
+    const input1 = await browser1.elementByCss('input')
+    const input2 = await browser2.elementByCss('input')
+
+    await input1.fill('hello world')
+    await retry(
+      async () => expect(await input2.inputValue()).toContain('hello world'),
+      10000
+    )
+
+    expect(requestsCount).toBeGreaterThan(0)
+    const currentRequestsCount = requestsCount
+
+    await input1.fill('123456')
+    await retry(
+      async () => expect(await input2.inputValue()).toContain('123456'),
+      10000
+    )
+
+    // There should be no new requests (polling) and using the existing WS connection
+    expect(requestsCount).toBe(currentRequestsCount)
+  })
+})
--- a/test/e2e/socket-io/pages/api/socket.js
+++ b/test/e2e/socket-io/pages/api/socket.js
@@ -0,0 +1,29 @@
+import { Server } from 'socket.io'
+
+function onSocketConnection(io, socket) {
+  const createdMessage = (msg) => {
+    socket.broadcast.emit('newIncomingMessage', msg)
+  }
+
+  socket.on('createdMessage', createdMessage)
+}
+
+export default function handler(req, res) {
+  if (res.socket.server.io) {
+    res.end()
+    return
+  }
+
+  const io = new Server(res.socket.server, {
+    path: '/api/my_awesome_socket',
+  })
+  res.socket.server.io = io
+
+  const onConnection = (socket) => {
+    onSocketConnection(io, socket)
+  }
+
+  io.on('connection', onConnection)
+
+  res.end()
+}