test(snapshot): add basic tooltip snapshot

dysfunc · dysfunc · commit 4fa2a7dc389d · 2022-08-30T18:17:33.000-07:00
diff --git a/jest.config.json b/jest.config.json
@@ -2,26 +2,20 @@
   "rootDir": "./",
   "verbose": true,
   "snapshotResolver": "<rootDir>/snapshot-resolver.js",
-  "restoreMocks": true,
   "transform": {
-    "^.+\\.test.js$": "babel-jest",
+    "^.+\\.(test.js|js)$": "babel-jest",
     "^.+\\.svelte$": "jest-transform-svelte"
   },
-  "collectCoverageFrom": [
-    "src/**/*.svelte",
-    "!<rootDir>/src/*.test.svelte"
-  ],
+  "testMatch": ["<rootDir>/src/**/*.test.js"],
+  "collectCoverage": true,
+  "coverageReporters": ["lcov", "json-summary", "text-summary"],
+  "collectCoverageFrom": ["<rootDir>/src/**/*.svelte", "!<rootDir>/src/*.test.svelte"],
   "moduleNameMapper": {
     "^tests/(.*)$": "<rootDir>/tests/$1"
   },
-  "modulePathIgnorePatterns": [
-    "<rootDir>/tests"
-  ],
-  "moduleFileExtensions": [
-    "js",
-    "svelte"
-  ],
-  "setupFilesAfterEnv": [
-    "@testing-library/jest-dom/extend-expect"
-  ]
+  "moduleFileExtensions": ["js", "svelte"],
+  "transformIgnorePatterns": ["/node_modules/"],
+  "setupFilesAfterEnv": ["@testing-library/jest-dom/extend-expect"],
+  "reporters": ["default"],
+  "testTimeout": 30000
 }
diff --git a/src/tooltip.snap.js b/src/tooltip.snap.js
@@ -0,0 +1,20 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Components: Tooltip should render the component 1`] = `
+<body>
+  <div>
+    <span
+      class="tooltip-container"
+    >
+       
+      <div
+        class="tooltip animation- top"
+        style="min-width: NaNpx; max-width: 200px; text-align: left;"
+      >
+        Hello World!
+        
+      </div>
+    </span>
+  </div>
+</body>
+`;
diff --git a/src/tooltip.test.js b/src/tooltip.test.js
@@ -0,0 +1,26 @@
+import { render } from '@testing-library/svelte';
+import Tooltip from './tooltip.svelte';
+
+describe('Components: Tooltip', () => {
+  let TestHarness;
+
+  beforeEach(() => {
+    TestHarness = () =>
+      render(Tooltip, {
+        content: 'Hello World!',
+        align: 'left',
+        position: 'top',
+        maxWidth: 200,
+        style: null,
+        theme: '',
+        animation: '',
+        arrow: true,
+        autoPosition: false
+      });
+  });
+
+  it('should render the component', () => {
+    const { container } = TestHarness();
+    expect(container).toMatchSnapshot();
+  });
+});
