Use eslint to force exclusive tests outta here

.eslintrc.cjs

@@ -6,15 +6,17 @@ module.exports = {
 		"plugin:svelte/recommended",
 	],
 	parser: "@typescript-eslint/parser",
-	plugins: ["@typescript-eslint"],
+	plugins: ["@typescript-eslint", "mocha"],
 	rules: {
-		"indent": ["error", "tab"],
+		"indent": ["error", "tab", { "SwitchCase": 1 }],
 		"quotes": ["error", "double"],
 		"comma-dangle": ["error", "always-multiline"],
 		"semi": ["error", "never"],
 		"@typescript-eslint/no-non-null-assertion": "off",
 		"svelte/no-at-html-tags": "off",
 		"no-console": ["error"],
+		"mocha/no-skipped-tests": "warn",
+		"mocha/no-exclusive-tests": "error",
 	},
 	parserOptions: {
 		sourceType: "module",

components/flip-card/test/index.spec.js

@@ -76,7 +76,7 @@ describe("flip-card", () => {
 	})
 
 	describe("focus", () => {
-		it.only("skip button on non-visible side", async () => {
+		it("skip button on non-visible side", async () => {
 			const container = await fixture(`
 				<div>
 					<button id="start">Start</button>
@@ -195,6 +195,13 @@ const pressTab = () => {
 	if (index > -1) {
 		const nextElement = tabOrder[index + 1] || tabOrder[0]
 		nextElement.focus()
+	} else {
+		const allNodes = getAllNodes()
+		const index = allNodes.indexOf(document.activeElement)
+		if (index > -1) {
+			const nextElement = allNodes.slice(index + 1).find((node) => tabOrder.includes(node))
+			nextElement?.focus()
+		}
 	}
 }
 
@@ -222,3 +229,10 @@ const isInteractive = (element) => {
 		!element.inert
 	)
 }
+
+const getAllNodes = (node = document.body, nodes = []) => {
+	nodes.push(node)
+	nodes.push(...(Array.from(node.childNodes ?? []).map((node) => getAllNodes(node, nodes))))
+
+	return nodes.filter((node) => node?.nodeType === Node.ELEMENT_NODE)
+}

components/toggle-switch/src/toggle-switch.ts

@@ -7,50 +7,50 @@ export class ToggleSwitchElement extends HTMLElement {
 	static defaultElementName = "toggle-switch"
 
 	static html = `
-        <span part="track">
-            <span part="slider"></span>
-        </span>
-    `
+		<span part="track">
+			<span part="slider"></span>
+		</span>
+	`
 
 	static css = `
-        :host {
-            display: inline-block;
-            width: 2em;
-            height: 1em;
-            cursor: pointer;
-        }
-
-        span {
-            box-sizing: border-box;
-            display: inline-block;
-            line-height: 1;
-        }
-
-        [part="track"] {
-            width: 100%;
-            height: 100%;
-            background-color: #dddddd;
-            text-align: left;
-            transition: all 0.256s;
-        }
-
-        [part="slider"] {
-            width: 50%;
-            height: 100%;
-            background-color: #777777;
-            transition: all 0.256s;
-            vertical-align: text-top;
-        }
-
-        :host([checked]) [part="slider"] {
-            transform: translateX(100%);
-        }
-
-        :host([disabled]) {
-            cursor: not-allowed;
-            opacity: 0.5;
-        }
-    `
+		:host {
+			display: inline-block;
+			width: 2em;
+			height: 1em;
+			cursor: pointer;
+		}
+
+		span {
+			box-sizing: border-box;
+			display: inline-block;
+			line-height: 1;
+		}
+
+		[part="track"] {
+			width: 100%;
+			height: 100%;
+			background-color: #dddddd;
+			text-align: left;
+			transition: all 0.256s;
+		}
+
+		[part="slider"] {
+			width: 50%;
+			height: 100%;
+			background-color: #777777;
+			transition: all 0.256s;
+			vertical-align: text-top;
+		}
+
+		:host([checked]) [part="slider"] {
+			transform: translateX(100%);
+		}
+
+		:host([disabled]) {
+			cursor: not-allowed;
+			opacity: 0.5;
+		}
+	`
 
 	static formAssociated = true
 
@@ -104,13 +104,13 @@ export class ToggleSwitchElement extends HTMLElement {
 
 	#onKeyDown = (e) => {
 		switch(e.key) {
-		case " ":
-		case "Enter":
-			e.preventDefault()
-			this.toggle()
-			break
-		default:
-			break
+			case " ":
+			case "Enter":
+				e.preventDefault()
+				this.toggle()
+				break
+			default:
+				break
 		}
 	}
 

package.json

@@ -28,6 +28,7 @@
 		"@typescript-eslint/parser": "^6.21.0",
 		"commander": "^9.5.0",
 		"eslint": "^8.56.0",
+		"eslint-plugin-mocha": "^10.3.0",
 		"eslint-plugin-svelte": "^2.35.1",
 		"fs-extra": "^10.1.0",
 		"npm-run-all": "^4.1.5"