Add @config completion tests for v4

Author: thecrypticace

packages/tailwindcss-language-server/tests/completions/at-config.test.js

@@ -82,3 +82,85 @@ withFixture('dependencies', (c) => {
     })
   })
 })
+
+withFixture('v4/dependencies', (c) => {
+  async function completion({
+    lang,
+    text,
+    position,
+    context = {
+      triggerKind: 1,
+    },
+    settings,
+  }) {
+    let textDocument = await c.openDocument({ text, lang, settings })
+
+    return c.sendRequest('textDocument/completion', {
+      textDocument,
+      position,
+      context,
+    })
+  }
+
+  test.concurrent('@config', async ({ expect }) => {
+    let result = await completion({
+      text: '@config "',
+      lang: 'css',
+      position: {
+        line: 0,
+        character: 9,
+      },
+    })
+
+    expect(result).toEqual({
+      isIncomplete: false,
+      items: [
+        {
+          label: 'sub-dir/',
+          kind: 19,
+          command: { command: 'editor.action.triggerSuggest', title: '' },
+          data: expect.anything(),
+          textEdit: {
+            newText: 'sub-dir/',
+            range: { start: { line: 0, character: 9 }, end: { line: 0, character: 9 } },
+          },
+        },
+        {
+          label: 'tailwind.config.js',
+          kind: 17,
+          data: expect.anything(),
+          textEdit: {
+            newText: 'tailwind.config.js',
+            range: { start: { line: 0, character: 9 }, end: { line: 0, character: 9 } },
+          },
+        },
+      ],
+    })
+  })
+
+  test.concurrent('@config directory', async ({ expect }) => {
+    let result = await completion({
+      text: '@config "./sub-dir/',
+      lang: 'css',
+      position: {
+        line: 0,
+        character: 19,
+      },
+    })
+
+    expect(result).toEqual({
+      isIncomplete: false,
+      items: [
+        {
+          label: 'colors.js',
+          kind: 17,
+          data: expect.anything(),
+          textEdit: {
+            newText: 'colors.js',
+            range: { start: { line: 0, character: 19 }, end: { line: 0, character: 19 } },
+          },
+        },
+      ],
+    })
+  })
+})

packages/tailwindcss-language-server/tests/fixtures/v4/dependencies/app.css

@@ -0,0 +1 @@
+@import 'tailwindcss';

packages/tailwindcss-language-server/tests/fixtures/v4/dependencies/package-lock.json

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "tailwindcss": "^4.0.0-alpha.21"
+  }
+}

packages/tailwindcss-language-server/tests/fixtures/v4/dependencies/package.json

@@ -0,0 +1,3 @@
+module.exports = {
+  foo: 'red',
+}

packages/tailwindcss-language-server/tests/fixtures/v4/dependencies/sub-dir/colors.js

@@ -0,0 +1,9 @@
+const colors = require('./sub-dir/colors')
+
+module.exports = {
+  theme: {
+    extend: {
+      colors,
+    },
+  },
+}