tests(next-dev): migrate basic tailwind tests for turbopack (#55118)

Closes WEB-1518

### What?

This PR refactors test cases from next-dev, tests basic tailwind rendering with turbopack. It still runs against plain next.js too. While checking, noticed there's a stub fixture (css-fixture/with-tailwindcss) but those fixture seems not being used in the test. Moved those and utilized. Since this test runs against next.js / turbopack both anyway, moving fixture should not be a huge regression I believe.

test/development/basic/tailwind-jit.test.ts

@@ -1,30 +1,30 @@
 import { join } from 'path'
 import webdriver from 'next-webdriver'
-import { createNext, FileRef } from 'e2e-utils'
-import { NextInstance } from 'test/lib/next-modes/base'
-import { check } from 'next-test-utils'
+import { FileRef, nextTestSetup } from 'e2e-utils'
+import { check, shouldRunTurboDevTest } from 'next-test-utils'
 
-describe('TailwindCSS JIT', () => {
-  let next: NextInstance
+// [TODO]: It is unclear why turbopack takes longer to run this test
+// remove once it's fixed
+if (shouldRunTurboDevTest()) {
+  jest.setTimeout(1000 * 60 * 5)
+}
 
-  beforeAll(async () => {
-    next = await createNext({
-      files: {
-        'postcss.config.js': new FileRef(
-          join(__dirname, 'tailwind-jit/postcss.config.js')
-        ),
-        'tailwind.config.js': new FileRef(
-          join(__dirname, 'tailwind-jit/tailwind.config.js')
-        ),
-        pages: new FileRef(join(__dirname, 'tailwind-jit/pages')),
-      },
-      dependencies: {
-        tailwindcss: '2.2.19',
-        postcss: '8.3.5',
-      },
-    })
+describe('TailwindCSS JIT', () => {
+  const { next } = nextTestSetup({
+    files: {
+      'postcss.config.js': new FileRef(
+        join(__dirname, 'tailwind-jit/postcss.config.js')
+      ),
+      'tailwind.config.js': new FileRef(
+        join(__dirname, 'tailwind-jit/tailwind.config.js')
+      ),
+      pages: new FileRef(join(__dirname, 'tailwind-jit/pages')),
+    },
+    dependencies: {
+      tailwindcss: '2.2.19',
+      postcss: '8.3.5',
+    },
   })
-  afterAll(() => next.destroy())
 
   it('works with JIT enabled', async () => {
     let browser

test/turbopack-tests-manifest.js

@@ -12,6 +12,7 @@ const enabledTests = [
   'test/development/basic/legacy-decorators.test.ts',
   'test/development/basic/misc.test.ts',
   'test/development/basic/next-rs-api.test.ts',
+  'test/development/basic/tailwind-jit.test.ts',
   'test/development/basic/theme-ui.test.ts',
   'test/development/client-dev-overlay/index.test.ts',
   'test/development/correct-tsconfig-defaults/index.test.ts',
@@ -158,7 +159,6 @@ module.exports = { enabledTests }
   'test/development/basic/emotion-swc.test.ts',
   'test/development/basic/legacy-decorators.test.ts',
   'test/development/basic/project-directory-rename.test.ts',
-  'test/development/basic/tailwind-jit.test.ts',
   'test/development/basic/theme-ui.test.ts',
   'test/development/dotenv-default-expansion/index.test.ts',
   'test/development/jsconfig-path-reloading/index.test.ts',