chore: minor build tweaks and cleaning

.eslintrc.js

@@ -14,7 +14,8 @@ module.exports = {
     'simple-import-sort'
   ],
   rules: {
-    'max-len': ['warn', {'code': 100}]
+    'max-len': ['warn', {'code': 100}],
+    "simple-import-sort/sort": "error"
   },
   overrides: [
     {

package.json

@@ -36,10 +36,10 @@
   ],
   "scripts": {
     "toc": "doctoc README.md",
-    "lint": "eslint src/**/*.js --fix",
+    "lint": "eslint src --fix",
     "clean": "rimraf dist",
     "build": "npm run clean && babel src --out-dir dist --ignore '**/__tests__/**'",
-    "test": "jest src/__tests__ ",
+    "test": "jest src",
     "test:watch": "npm run test -- --watch",
     "test:update": "npm run test -- --updateSnapshot --coverage",
     "setup": "npm install && npm run validate",
@@ -125,8 +125,9 @@
       "^.+\\.svelte$": "jest-transform-svelte",
       "^.+\\.html$": "svelte-test/transform"
     },
-    "transformIgnorePatterns": [
-      "/node_modules/(?!svelte).+\\.js$"
+    "moduleFileExtensions": [
+      "js",
+      "svelte"
     ]
   }
 }

src/__tests__/act.test.js

@@ -1,5 +1,5 @@
-import { render as stlRender, fireEvent, act } from '..'
-import Comp from './fixtures/Comp.svelte'
+import { act, fireEvent, render as stlRender } from '..'
+import Comp from './fixtures/Comp'
 
 describe('act', () => {
   let props

src/__tests__/auto-cleanup-skip.test.js

@@ -1,4 +1,4 @@
-import Comp from './fixtures/Comp.svelte'
+import Comp from './fixtures/Comp'
 
 describe('auto-cleanup-skip', () => {
   let render

src/__tests__/auto-cleanup.test.js

@@ -1,5 +1,5 @@
-import Comp from './fixtures/Comp.svelte'
 import { render } from '..'
+import Comp from './fixtures/Comp'
 
 describe('auto-cleanup', () => {
   // This just verifies that by importing STL in an

src/__tests__/debug.test.js

@@ -1,7 +1,8 @@
-import { render } from '..'
-import Comp from './fixtures/Comp.svelte'
 import { prettyDOM } from '@testing-library/dom'
 
+import { render } from '..'
+import Comp from './fixtures/Comp'
+
 describe('debug', () => {
   beforeEach(() => {
     jest.spyOn(console, 'log').mockImplementation(() => {})

src/__tests__/events.test.js

@@ -1,5 +1,5 @@
 import { fireEvent, render } from '..'
-import Comp from './fixtures/Comp.svelte'
+import Comp from './fixtures/Comp'
 
 describe('events', () => {
   test('state changes are flushed after firing an event', async () => {

src/__tests__/fixtures/Comp.html

@@ -8,11 +8,7 @@
   }
 </script>
 
-<style>
-  h1 {
-    color: purple;
-  }
-</style>
+<style></style>
 
 <h1>Hello {name}!</h1>
 

src/__tests__/fixtures/Stopwatch.svelte

@@ -32,11 +32,10 @@
 
 <style></style>
 
-<div>
-  <span>{lapse}ms</span>
-  <button on:click={handleRunClick}>
-    {running ? 'Stop' : 'Start'}
-  </button>
-  <button on:click={handleClearClick}>Clear</button>
-</div>
+<span>{lapse}ms</span>
 
+<button on:click={handleRunClick}>
+  {running ? 'Stop' : 'Start'}
+</button>
+
+<button on:click={handleClearClick}>Clear</button>

src/__tests__/multi-base.test.js

@@ -1,5 +1,5 @@
 import { render } from '..'
-import Comp from './fixtures/Comp.svelte'
+import Comp from './fixtures/Comp'
 
 describe('multi-base', () => {
   let treeA

src/__tests__/render.test.js

@@ -1,9 +1,8 @@
 import {
-  render as stlRender,
-  act
+  act,
+  render as stlRender
 } from '..'
-
-import Comp from './fixtures/Comp.svelte'
+import Comp from './fixtures/Comp'
 import CompDefault from './fixtures/Comp.html'
 
 describe('render', () => {

src/__tests__/rerender.test.js

@@ -1,5 +1,5 @@
 import { render } from '..'
-import Comp from './fixtures/Comp.svelte'
+import Comp from './fixtures/Comp'
 
 describe('rerender', () => {
   test('mounts new component successfully', () => {

src/__tests__/unmount.test.js

@@ -1,5 +1,5 @@
-import { render, fireEvent, act } from '..'
-import Stopwatch from './fixtures/Stopwatch.svelte'
+import { act, fireEvent, render } from '..'
+import Stopwatch from './fixtures/Stopwatch'
 
 describe('unmount', () => {
   test('unmounts component successfully', async () => {

src/pure.js

@@ -1,4 +1,4 @@
-import { getQueriesForElement, prettyDOM, fireEvent as dtlFireEvent } from '@testing-library/dom'
+import { fireEvent as dtlFireEvent, getQueriesForElement, prettyDOM } from '@testing-library/dom'
 import { tick } from 'svelte'
 
 const containerCache = new Map()