More tests

src/morphlex.ts

···
 
 function flagDirtyInputs(node: ParentNode): void {
 	for (const input of node.querySelectorAll("input")) {
-		if (input.name === "") continue
+		if (!input.name) continue
 
 		if (input.value !== input.defaultValue) {
 			input.setAttribute("morphlex-dirty", "")
···
 	}
 
 	for (const element of node.querySelectorAll("option")) {
-		if (element.value === "") continue
+		if (!element.value) continue
 
 		if (element.selected !== element.defaultSelected) {
 			element.setAttribute("morphlex-dirty", "")

test/new/document.ts test/new/document.test.ts

···
 		`,
 	)
 
-	expect(document.title).toBe("New Title")
-	expect(document.querySelector('meta[name="description"]')?.getAttribute("content")).toBe("new")
-	expect(document.querySelector("#content")?.textContent).toBe("New Content")
+	expect(originalDocument.querySelector("title")?.textContent).toBe("New Title")
+	expect(originalDocument.querySelector('meta[name="description"]')?.getAttribute("content")).toBe("new")
+	expect(originalDocument.querySelector("#content")?.textContent).toBe("New Content")
 })

test/new/inputs.browser.test.ts

···
 		expect(a.checked).toBe(true)
 	})
 
+	test("morphing an unmodified checkbox checked with preserveChanges enabled", () => {
+		const a = dom(`<input type="checkbox" checked>`) as HTMLInputElement
+		const b = dom(`<input type="checkbox">`) as HTMLInputElement
+
+		morph(a, b, { preserveChanges: true })
+
+		expect(a.hasAttribute("checked")).toBe(false)
+		expect(a.checked).toBe(false)
+	})
+
 	test("morphing a modified checkbox unchecked with preserveChanges enabled", () => {
 		const a = dom(`<input type="checkbox" checked>`) as HTMLInputElement
 		const b = dom(`<input type="checkbox">`) as HTMLInputElement
···
 		expect(a.options[1].hasAttribute("selected")).toBe(false)
 		expect(a.value).toBe("a")
 		expect(a.options[0].selected).toBe(true)
+	})
+
+	test("morphing a select option with no value", () => {
+		const a = dom(
+			`
+				<select>
+					<option></option>
+					<option></option>
+				</select>
+			`,
+		)
+
+		const b = dom(
+			`
+				<select>
+					<option value="1">A</option>
+					<option value="2">B</option>
+				</select>
+			`,
+		)
+
+		morph(a, b)
+
+		expect(a.outerHTML).toBe(
+			`
+				<select>
+					<option value="1">A</option>
+					<option value="2">B</option>
+				</select>
+			`.trim(),
+		)
 	})
 })