} */
+const connections = {};
+/** @type {string[]} */
+const disconnections = [];
+/** @type {Element[]} */
+let claimed;
+/** @type {MutationObserver} */
+let observer;
+
+export default test({
+ before_test() {
+ const target = document.querySelector('main');
+ assert_ok(target);
+ claimed = Array.from(target.children);
+ customElements.define(
+ 'connection-probe',
+ class extends HTMLElement {
+ connectedCallback() {
+ connections[this.id] = (connections[this.id] || 0) + 1;
+ }
+ disconnectedCallback() {
+ disconnections.push(this.id);
+ }
+ }
+ );
+ observer = new MutationObserver(() => {});
+ observer.observe(target, { childList: true });
+ },
+
+ test({ assert, component, target }) {
+ const removed = observer.takeRecords().flatMap((record) => Array.from(record.removedNodes));
+ observer.disconnect();
+ assert.deepEqual(
+ removed
+ .filter((node) => node instanceof Element)
+ .filter((node) => claimed.includes(node))
+ .map((node) => node.id),
+ []
+ );
+ assert.deepEqual(connections, { child: 1, custom: 1 });
+ assert.deepEqual(disconnections, []);
+
+ flushSync(() => {
+ component.tag = 'section';
+ component.empty_tag = 'span';
+ component.void_tag = 'hr';
+ component.custom_tag = 'aside';
+ });
+ assert.equal(target.querySelector('#parent')?.tagName, 'SECTION');
+ assert.equal(target.querySelector('#empty')?.tagName, 'SPAN');
+ assert.equal(target.querySelector('#void')?.tagName, 'HR');
+ assert.equal(target.querySelector('#custom')?.tagName, 'ASIDE');
+ assert.deepEqual(connections, { child: 2, custom: 1 });
+ assert.deepEqual(disconnections, ['child', 'custom']);
+
+ flushSync(() => {
+ component.tag = null;
+ });
+ assert.equal(target.querySelector('#parent'), null);
+ assert.deepEqual(disconnections, ['child', 'custom', 'child']);
+
+ flushSync(() => {
+ component.tag = 'div';
+ });
+ assert.equal(target.querySelector('#parent')?.tagName, 'DIV');
+ assert.deepEqual(connections, { child: 3, custom: 1 });
+ }
+});
diff --git a/packages/svelte/tests/runtime-browser/samples/dynamic-element-hydration-preserves-connection/main.svelte b/packages/svelte/tests/runtime-browser/samples/dynamic-element-hydration-preserves-connection/main.svelte
new file mode 100644
index 0000000000..44e902188c
--- /dev/null
+++ b/packages/svelte/tests/runtime-browser/samples/dynamic-element-hydration-preserves-connection/main.svelte
@@ -0,0 +1,11 @@
+
+
+
+
+
+
diff --git a/packages/svelte/tests/runtime-browser/samples/spread-input-number-incomplete-value/_config.js b/packages/svelte/tests/runtime-browser/samples/spread-input-number-incomplete-value/_config.js
new file mode 100644
index 0000000000..cec1e179ac
--- /dev/null
+++ b/packages/svelte/tests/runtime-browser/samples/spread-input-number-incomplete-value/_config.js
@@ -0,0 +1,28 @@
+import { flushSync } from 'svelte';
+import { ok, test } from '../../assert';
+
+export default test({
+ async test({ assert, target }) {
+ const input = target.querySelector('input');
+ ok(input);
+
+ input.focus();
+
+ // we need to use `document.execCommand('insertText', false, ...)` to simulate user input
+ // because directly setting an invalid value to `input.value` would simply clear the input
+ // and dispatching an event would not update the input correctly
+ document.execCommand('insertText', false, '1');
+ flushSync();
+ // `1e` is incomplete on every platform, unlike `1.` which Chromium on Linux accepts as `1`
+ document.execCommand('insertText', false, 'e');
+ flushSync();
+
+ assert.equal(input.value, '');
+ assert.equal(input.validity.badInput, true);
+
+ document.execCommand('insertText', false, '5');
+ flushSync();
+
+ assert.equal(input.value, '1e5');
+ }
+});
diff --git a/packages/svelte/tests/runtime-browser/samples/spread-input-number-incomplete-value/main.svelte b/packages/svelte/tests/runtime-browser/samples/spread-input-number-incomplete-value/main.svelte
new file mode 100644
index 0000000000..3e7a5cc335
--- /dev/null
+++ b/packages/svelte/tests/runtime-browser/samples/spread-input-number-incomplete-value/main.svelte
@@ -0,0 +1,5 @@
+
+
+ (value = e.currentTarget.value)} />
diff --git a/packages/svelte/tests/runtime-runes/samples/object-has-own-reactive/_config.js b/packages/svelte/tests/runtime-runes/samples/object-has-own-reactive/_config.js
new file mode 100644
index 0000000000..17344b343d
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/object-has-own-reactive/_config.js
@@ -0,0 +1,24 @@
+import { test } from '../../test';
+import { tick } from 'svelte';
+
+export default test({
+ html: `false
`,
+
+ async test({ assert, target }) {
+ const [add, remove] = target.querySelectorAll('button');
+
+ add.click();
+ await tick();
+ assert.htmlEqual(
+ target.innerHTML,
+ `true
`
+ );
+
+ remove.click();
+ await tick();
+ assert.htmlEqual(
+ target.innerHTML,
+ `false
`
+ );
+ }
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/object-has-own-reactive/main.svelte b/packages/svelte/tests/runtime-runes/samples/object-has-own-reactive/main.svelte
new file mode 100644
index 0000000000..bd0773ae83
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/object-has-own-reactive/main.svelte
@@ -0,0 +1,7 @@
+
+
+
+
+{Object.hasOwn(state, 'y')}