Skip to content

Commit da1f0d4

Browse files
committed
Fix tests
1 parent 57d6737 commit da1f0d4

File tree

6 files changed

+35
-33
lines changed

6 files changed

+35
-33
lines changed

packages/svelte/src/internal/client/render.js

Lines changed: 25 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -112,40 +112,37 @@ export function hydrate(component, options) {
112112
const previous_hydrate_node = hydrate_node;
113113

114114
try {
115-
// Don't flush previous effects to ensure order of outer effects stays consistent
116-
return flush_sync(() => {
117-
var anchor = /** @type {import('#client').TemplateNode} */ (target.firstChild);
118-
while (
119-
anchor &&
120-
(anchor.nodeType !== 8 || /** @type {Comment} */ (anchor).data !== HYDRATION_START)
121-
) {
122-
anchor = /** @type {import('#client').TemplateNode} */ (anchor.nextSibling);
123-
}
115+
var anchor = /** @type {import('#client').TemplateNode} */ (target.firstChild);
116+
while (
117+
anchor &&
118+
(anchor.nodeType !== 8 || /** @type {Comment} */ (anchor).data !== HYDRATION_START)
119+
) {
120+
anchor = /** @type {import('#client').TemplateNode} */ (anchor.nextSibling);
121+
}
124122

125-
if (!anchor) {
126-
throw HYDRATION_ERROR;
127-
}
123+
if (!anchor) {
124+
throw HYDRATION_ERROR;
125+
}
128126

129-
set_hydrating(true);
130-
set_hydrate_node(/** @type {Comment} */ (anchor));
131-
hydrate_next();
127+
set_hydrating(true);
128+
set_hydrate_node(/** @type {Comment} */ (anchor));
129+
hydrate_next();
132130

133-
const instance = _mount(component, { ...options, anchor });
131+
const instance = _mount(component, { ...options, anchor });
134132

135-
if (
136-
hydrate_node.nodeType !== 8 ||
137-
/** @type {Comment} */ (hydrate_node).data !== HYDRATION_END
138-
) {
139-
w.hydration_mismatch();
140-
throw HYDRATION_ERROR;
141-
}
133+
if (
134+
hydrate_node.nodeType !== 8 ||
135+
/** @type {Comment} */ (hydrate_node).data !== HYDRATION_END
136+
) {
137+
w.hydration_mismatch();
138+
throw HYDRATION_ERROR;
139+
}
142140

143-
// flush_sync will run this callback and then synchronously run any pending effects,
144-
// which don't belong to the hydration phase anymore - therefore reset it here
145-
set_hydrating(false);
141+
// flush_sync will run this callback and then synchronously run any pending effects,
142+
// which don't belong to the hydration phase anymore - therefore reset it here
143+
set_hydrating(false);
146144

147-
return instance;
148-
}, false);
145+
return /** @type {Exports} */ (instance);
149146
} catch (error) {
150147
if (error === HYDRATION_ERROR) {
151148
// TODO it's possible for event listeners to have been added and

packages/svelte/src/internal/client/runtime.js

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -670,10 +670,9 @@ function process_effects(effect, collected_effects) {
670670
* Internal version of `flushSync` with the option to not flush previous effects.
671671
* Returns the result of the passed function, if given.
672672
* @param {() => any} [fn]
673-
* @param {boolean} [flush_previous]
674673
* @returns {any}
675674
*/
676-
export function flush_sync(fn, flush_previous = true) {
675+
export function flush_sync(fn) {
677676
var previous_scheduler_mode = current_scheduler_mode;
678677
var previous_queued_root_effects = current_queued_root_effects;
679678

@@ -687,9 +686,7 @@ export function flush_sync(fn, flush_previous = true) {
687686
current_queued_root_effects = root_effects;
688687
is_micro_task_queued = false;
689688

690-
if (flush_previous) {
691-
flush_queued_root_effects(previous_queued_root_effects);
692-
}
689+
flush_queued_root_effects(previous_queued_root_effects);
693690

694691
var result = fn?.();
695692

packages/svelte/tests/hydration/test.ts

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ import { suite, assert_ok, type BaseTest } from '../suite.js';
88
import { createClassComponent } from 'svelte/legacy';
99
import { render } from 'svelte/server';
1010
import type { CompileOptions } from '#compiler';
11+
import { flushSync } from 'svelte';
1112

1213
interface HydrationTest extends BaseTest {
1314
load_compiled?: boolean;
@@ -114,6 +115,7 @@ const { test, run } = suite<HydrationTest>(async (config, cwd) => {
114115

115116
if (!override) {
116117
const expected = read(`${cwd}/_expected.html`) ?? rendered.html;
118+
flushSync();
117119
assert.equal(target.innerHTML.trim(), expected.trim());
118120
}
119121

packages/svelte/tests/runtime-browser/driver.js

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ import config from '__CONFIG__';
55
// @ts-expect-error
66
import * as assert from 'assert.js';
77
import { createClassComponent } from 'svelte/legacy';
8+
import { flushSync } from 'svelte';
89

910
/** @param {HTMLElement} target */
1011
export default async function (target) {
@@ -46,6 +47,7 @@ export default async function (target) {
4647
};
4748

4849
if (config.html) {
50+
flushSync();
4951
assert.htmlEqual(target.innerHTML, config.html);
5052
}
5153

packages/svelte/tests/runtime-runes/samples/hydrate-modified-input-group/_config.js

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
import { flushSync } from 'svelte';
12
import { test } from '../../test';
23

34
export default test({
@@ -9,6 +10,7 @@ export default test({
910
inputs[1].dispatchEvent(new window.Event('change'));
1011
// Hydration shouldn't reset the value to 1
1112
hydrate();
13+
flushSync();
1214

1315
assert.htmlEqual(
1416
target.innerHTML,

packages/svelte/tests/runtime-runes/samples/hydrate-modified-input/_config.js

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
import { flushSync } from 'svelte';
12
import { test } from '../../test';
23

34
export default test({
@@ -9,6 +10,7 @@ export default test({
910
input.dispatchEvent(new window.Event('input'));
1011
// Hydration shouldn't reset the value to empty
1112
hydrate();
13+
flushSync();
1214

1315
assert.htmlEqual(target.innerHTML, '<input type="text">\nfoo');
1416
}

0 commit comments

Comments
 (0)