Fix unit test linting

Author: nodeexx

.eslintrc.cjs

@@ -85,12 +85,19 @@ module.exports = {
       },
     },
     {
-      // No `.spec.{js,ts}` files, because those are for server unit tests
-      files: ['src/**/*.{test,browser-test}.{js,ts}'],
+      files: ['src/**/*.node-test.{js,ts}'],
+      extends: ['plugin:jest-dom/recommended'],
+      rules: {
+        'jest-dom/prefer-in-document': 'off',
+      },
+    },
+    {
+      files: ['src/**/*.dom-test.{js,ts}'],
       plugins: ['testing-library'],
       extends: ['plugin:testing-library/dom', 'plugin:jest-dom/recommended'],
       rules: {
         'jest-dom/prefer-in-document': 'off',
+        'testing-library/prefer-presence-queries': 'off',
         'testing-library/prefer-screen-queries': 'off',
       },
     },

src/lib/client/components/code-snippets/CodeSnippetCreateEditForm.svelte.dom-test.ts

@@ -59,11 +59,11 @@ describe(Component.name, () => {
     });
 
     expect(renderResult.getByTestId('name-error-message')).toBeVisible();
-    expect(renderResult.getByTestId('name-error-message').textContent).toEqual(
+    expect(renderResult.getByTestId('name-error-message')).toHaveTextContent(
       'Name is required',
     );
     expect(renderResult.getByTestId('code-error-message')).toBeVisible();
-    expect(renderResult.getByTestId('code-error-message').textContent).toEqual(
+    expect(renderResult.getByTestId('code-error-message')).toHaveTextContent(
       'Code is required',
     );
   });

src/routes/(app)/(card-layout)/layout.svelte.dom-test.ts

@@ -19,7 +19,7 @@ describe(Component.name, () => {
   it('should render slot content', () => {
     const renderResult = render(SlotTest, { props: { component: Component } });
 
-    expect(renderResult.getByTestId('slot-content').textContent).toBe(
+    expect(renderResult.getByTestId('slot-content')).toHaveTextContent(
       'mock-slot-text',
     );
   });

src/routes/(app)/layout.svelte.dom-test.ts

@@ -19,7 +19,7 @@ describe(Component.name, () => {
   it('should render slot content', () => {
     const renderResult = render(SlotTest, { props: { component: Component } });
 
-    expect(renderResult.getByTestId('slot-content').textContent).toBe(
+    expect(renderResult.getByTestId('slot-content')).toHaveTextContent(
       'mock-slot-text',
     );
   });

src/routes/layout.svelte.dom-test.ts

@@ -45,7 +45,7 @@ describe(Component.name, () => {
   it('should render slot content', () => {
     const renderResult = render(SlotTest, { props: { component: Component } });
 
-    expect(renderResult.getByTestId('slot-content').textContent).toBe(
+    expect(renderResult.getByTestId('slot-content')).toHaveTextContent(
       'mock-slot-text',
     );
   });