svelte-declarative-testing 0.1.0 → 0.2.0

package/eslint.config.js

@@ -0,0 +1,40 @@
+import prettier from 'eslint-config-prettier';
+import { fileURLToPath } from 'node:url';
+import { includeIgnoreFile } from '@eslint/compat';
+import js from '@eslint/js';
+import svelte from 'eslint-plugin-svelte';
+import { defineConfig } from 'eslint/config';
+import globals from 'globals';
+import ts from 'typescript-eslint';
+
+const gitignorePath = fileURLToPath(new URL('./.gitignore', import.meta.url));
+
+export default defineConfig(
+  includeIgnoreFile(gitignorePath),
+  js.configs.recommended,
+  ...ts.configs.recommended,
+  ...svelte.configs.recommended,
+  prettier,
+  ...svelte.configs.prettier,
+  {
+    languageOptions: { globals: { ...globals.browser, ...globals.node } },
+
+    rules: {
+      // typescript-eslint strongly recommend that you do not use the no-undef lint rule on TypeScript projects.
+      // see: https://typescript-eslint.io/troubleshooting/faqs/eslint/#i-get-errors-from-the-no-undef-rule-about-global-variables-not-being-defined-even-though-there-are-no-typescript-errors
+      'no-undef': 'off',
+    },
+  },
+  {
+    files: ['**/*.svelte', '**/*.svelte.ts', '**/*.svelte.js'],
+
+    languageOptions: {
+      parserOptions: {
+        projectService: true,
+        extraFileExtensions: ['.svelte'],
+        parser: ts.parser,
+        svelteConfig: {},
+      },
+    },
+  },
+);

package/examples/basic/Basic.test.svelte

@@ -0,0 +1,35 @@
+<script>
+  import { Test, Describe, Check } from '../../src/components/testing-library';
+</script>
+
+<Describe label="Basic test">
+  {#snippet tests()}
+    <Test it="finds the rendered component">
+      <button>Click me</button>
+
+      {#snippet checks()}
+        <Check
+          fn={({ getByRole }) => {
+            expect(getByRole('button', { name: 'Click me' })).not.toBe(null);
+          }}
+        />
+      {/snippet}
+    </Test>
+
+    <Describe label="Nested describe">
+      {#snippet tests()}
+      <Test it="also passes">
+        <button>Click me</button>
+
+        {#snippet checks()}
+          <Check
+            fn={({ getByRole }) => {
+              expect(getByRole('button', { name: 'Click me' })).not.toBe(null);
+            }}
+          />
+        {/snippet}
+      </Test>
+      {/snippet}
+    </Describe>
+  {/snippet}
+</Describe>