test: add tests for ssr.optimizeDeps.include with dep1 > dep2 syn…

…tax (#16408)

playground/ssr-deps/__tests__/ssr-deps.spec.ts

@@ -119,6 +119,13 @@ test('import css library', async () => {
   expect(await page.textContent('.module-condition')).toMatch('[success]')
 })
 
+test('optimize-deps-nested-include', async () => {
+  await page.goto(url)
+  expect(await page.textContent('.optimize-deps-nested-include')).toMatch(
+    'nested-include',
+  )
+})
+
 describe.runIf(isServe)('hmr', () => {
   // TODO: the server file is not imported on the client at all
   // so it's not present in the client moduleGraph anymore

playground/ssr-deps/nested-exclude/index.js

@@ -0,0 +1,3 @@
+export { default as nestedInclude } from '@vitejs/test-nested-include'
+
+export default 'nested-exclude'

playground/ssr-deps/nested-exclude/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@vitejs/test-nested-exclude",
+  "private": true,
+  "version": "1.0.0",
+  "type": "module",
+  "main": "index.js",
+  "dependencies": {
+    "@vitejs/test-nested-include": "file:../nested-include"
+  }
+}

playground/ssr-deps/nested-include/index.js

@@ -0,0 +1,2 @@
+// written in cjs, optimization should convert this to esm
+module.exports = 'nested-include'

playground/ssr-deps/nested-include/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "@vitejs/test-nested-include",
+  "private": true,
+  "version": "1.0.0",
+  "main": "index.js"
+}

playground/ssr-deps/package.json

@@ -26,6 +26,7 @@
     "@vitejs/test-non-optimized-with-nested-external": "workspace:*",
     "@vitejs/test-optimized-with-nested-external": "file:./optimized-with-nested-external",
     "@vitejs/test-optimized-cjs-with-nested-external": "file:./optimized-with-nested-external",
+    "@vitejs/test-nested-exclude": "file:./nested-exclude",
     "@vitejs/test-external-using-external-entry": "file:./external-using-external-entry",
     "@vitejs/test-external-entry": "file:./external-entry",
     "@vitejs/test-linked-no-external": "link:./linked-no-external",

playground/ssr-deps/server.js

@@ -42,13 +42,20 @@ export async function createServer(root = process.cwd(), hmrPort) {
     },
     appType: 'custom',
     ssr: {
-      noExternal,
+      noExternal: [
+        ...noExternal,
+        '@vitejs/test-nested-exclude',
+        '@vitejs/test-nested-include',
+      ],
       external: [
         '@vitejs/test-nested-external',
         '@vitejs/test-external-entry/entry',
       ],
       optimizeDeps: {
-        include: noExternal,
+        include: [
+          ...noExternal,
+          '@vitejs/test-nested-exclude > @vitejs/test-nested-include',
+        ],
       },
     },
     plugins: [

playground/ssr-deps/src/app.js

@@ -23,6 +23,7 @@ import '@vitejs/test-non-optimized-with-nested-external'
 
 import * as optimizedWithNestedExternal from '@vitejs/test-optimized-with-nested-external'
 import * as optimizedCjsWithNestedExternal from '@vitejs/test-optimized-cjs-with-nested-external'
+import * as optimizeDepsNestedInclude from '@vitejs/test-nested-exclude'
 
 import { setMessage } from '@vitejs/test-external-entry/entry'
 setMessage('Hello World!')
@@ -94,5 +95,7 @@ export async function render(url, rootDir) {
 
   html += `\n<p class="isomorphic-module-browser"></p>`
 
+  html += `\n<p class="optimize-deps-nested-include">message from optimize-deps-nested-include: ${optimizeDepsNestedInclude.nestedInclude}</p>`
+
   return html + '\n'
 }