refactor: split test-utils/elements into separate module and test files

Separates test helper exports from their tests to follow standard conventions
where .test.js files only contain tests. This fixes import resolution issues
where tests couldn't find 'test-utils/elements'.

Author: martypdx

test-utils/elements.js

@@ -0,0 +1,45 @@
+export const $anchor = (text = '0') => document.createComment(text);
+export const $text = (text) => document.createTextNode(text);
+export const $element = (text) => {
+    const div = document.createElement('div');
+    if(text !== undefined) div.textContent = text;
+    return div;
+};
+export const $helloText = () => $text('Hello');
+
+export function elementWithText(text = 'hello') {
+    const dom = $element();
+    dom.append($text(text));
+    return { dom, anchor: null };
+}
+
+export function elementWithTextAnchor() {
+    const dom = $element();
+    dom.append($helloText(), $anchor());
+    return { dom, anchor: dom.lastChild };
+}
+
+export function elementWithTextAnchorText() {
+    const dom = $element();
+    dom.append($helloText(), $anchor(), $helloText());
+    return { dom, anchor: dom.firstChild.nextSibling };
+}
+
+export function elementWithAnchor() {
+    const dom = $element();
+    dom.append($anchor());
+    return { dom, anchor: dom.firstChild };
+}
+
+export function elementWithAnchorText() {
+    const dom = $element();
+    dom.append($anchor(), $helloText());
+    return { dom, anchor: dom.firstChild };
+}
+
+export const elements = [
+    elementWithTextAnchor,
+    elementWithTextAnchorText,
+    elementWithAnchor,
+    elementWithAnchorText,
+];

test-utils/elements.test.js

@@ -1,61 +1,20 @@
 import { describe, test } from 'vitest';
-
-export const elements = [
+import {
     elementWithTextAnchor,
     elementWithTextAnchorText,
     elementWithAnchor,
     elementWithAnchorText,
-];
-
-export const $anchor = (text = '0') => document.createComment(text);
-export const $text = (text) => document.createTextNode(text);
-export const $element = (text) => {
-    const div = document.createElement('div');
-    if(text !== undefined) div.textContent = text;
-    return div;
-};
-export const $helloText = () => $text('Hello');
-
-export function elementWithText(text = 'hello') {
-    const dom = $element();
-    dom.append($text(text));
-    return { dom, anchor: null };
-}
-
-export function elementWithTextAnchor() {
-    const dom = $element();
-    dom.append($helloText(), $anchor());
-    return { dom, anchor: dom.lastChild };
-}
-
-export function elementWithTextAnchorText() {
-    const dom = $element();
-    dom.append($helloText(), $anchor(), $helloText());
-    return { dom, anchor: dom.firstChild.nextSibling };
-}
-
-export function elementWithAnchor() {
-    const dom = $element();
-    dom.append($anchor());
-    return { dom, anchor: dom.firstChild };
-}
-
-export function elementWithAnchorText() {
-    const dom = $element();
-    dom.append($anchor(), $helloText());
-    return { dom, anchor: dom.firstChild };
-}
+} from './elements.js';
 
 describe('test util elements', () => {
 
     test('text-anchor', ({ expect }) => {
-        expect(elementWithTextAnchorText()).toMatchInlineSnapshot(`
+        expect(elementWithTextAnchor()).toMatchInlineSnapshot(`
       {
         "anchor": <!--0-->,
         "dom": <div>
           Hello
           <!--0-->
-          Hello
         </div>,
       }
     `);
@@ -96,4 +55,4 @@ describe('test util elements', () => {
       }
     `);
     });
-});
+});