msb-public
/
svelte
mirror of https://github.com/sveltejs/svelte
1
0
Code Issues Projects Releases Wiki Activity

chore: improve test cases (#14984)

Browse Source 
* chore: improve test cases

* lint
pull/14970/head
Dominic Gannaway 8 months ago committed by GitHub
parent ab3290fa87
commit 36ef59df1f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
38 changed files with 164 additions and 86 deletions
Show Stats Download Patch File Download Diff File

7
packages/svelte/tests/runtime-browser/custom-elements-samples/camel-case-attribute/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../assert'; import { test } from '../../assert';
const tick = () => Promise.resolve(); const tick = () => Promise.resolve();
@ -14,8 +15,7 @@ export default test({
el.setAttribute('camel-case', 'universe'); el.setAttribute('camel-case', 'universe');
el.setAttribute('an-array', '[3,4]'); el.setAttribute('an-array', '[3,4]');
el.setAttribute('camelcase2', 'Hi'); el.setAttribute('camelcase2', 'Hi');
await tick(); flushSync();
await tick();
assert.htmlEqual(el.shadowRoot.innerHTML, '<h1>Hi universe!</h1> <p>3</p><p>4</p>'); assert.htmlEqual(el.shadowRoot.innerHTML, '<h1>Hi universe!</h1> <p>3</p><p>4</p>');
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
@ -25,8 +25,7 @@ export default test({
el.camelCase = 'galaxy'; el.camelCase = 'galaxy';
el.camelCase2 = 'Hey'; el.camelCase2 = 'Hey';
el.anArray = [5, 6]; el.anArray = [5, 6];
await tick(); flushSync();
await tick();
assert.htmlEqual(el.shadowRoot.innerHTML, '<h1>Hey galaxy!</h1> <p>5</p><p>6</p>'); assert.htmlEqual(el.shadowRoot.innerHTML, '<h1>Hey galaxy!</h1> <p>5</p><p>6</p>');
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,

4
packages/svelte/tests/runtime-browser/custom-elements-samples/custom-method/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../assert'; import { test } from '../../assert';
const tick = () => Promise.resolve(); const tick = () => Promise.resolve();
@ -8,7 +9,8 @@ export default test({
/** @type {any} */ /** @type {any} */
const el = target.querySelector('custom-element'); const el = target.querySelector('custom-element');
await el.updateFoo(42); el.updateFoo(42);
flushSync();
const p = el.shadowRoot.querySelector('p'); const p = el.shadowRoot.querySelector('p');
assert.equal(p.textContent, '42'); assert.equal(p.textContent, '42');

3
packages/svelte/tests/runtime-browser/custom-elements-samples/element-effect-context/_config.js
Unescape View File

@ -1,4 +1,5 @@
import { test } from '../../assert'; import { test } from '../../assert';
import { flushSync } from 'svelte';
const tick = () => Promise.resolve(); const tick = () => Promise.resolve();
export default test({ export default test({
@ -16,7 +17,7 @@ export default test({
assert.equal(p.innerHTML, 'false'); assert.equal(p.innerHTML, 'false');
button.click(); button.click();
await tick(); flushSync();
assert.equal(button.innerHTML, '1'); assert.equal(button.innerHTML, '1');
assert.equal(p.innerHTML, 'false'); assert.equal(p.innerHTML, 'false');

6
packages/svelte/tests/runtime-legacy/samples/action-custom-event-handler-in-each-destructured/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
@ -10,12 +11,13 @@ export default test({
<p>second: </p> <p>second: </p>
`, `,
async test({ assert, component, target, window }) { test({ assert, component, target, window }) {
const event = new window.MouseEvent('click'); const event = new window.MouseEvent('click');
const buttons = target.querySelectorAll('button'); const buttons = target.querySelectorAll('button');
await buttons[1].dispatchEvent(event); buttons[1].dispatchEvent(event);
flushSync();
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,

6
packages/svelte/tests/runtime-legacy/samples/action-custom-event-handler-in-each/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
@ -10,12 +11,13 @@ export default test({
<p>fromState: </p> <p>fromState: </p>
`, `,
async test({ assert, component, target, window }) { test({ assert, component, target, window }) {
const event = new window.MouseEvent('click'); const event = new window.MouseEvent('click');
const buttons = target.querySelectorAll('button'); const buttons = target.querySelectorAll('button');
await buttons[1].dispatchEvent(event); buttons[1].dispatchEvent(event);
flushSync();
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,

6
packages/svelte/tests/runtime-legacy/samples/action-custom-event-handler-node-context/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { ok, test } from '../../test'; import { ok, test } from '../../test';
export default test({ export default test({
@ -5,13 +6,14 @@ export default test({
html: '<button>10</button>', html: '<button>10</button>',
async test({ assert, target, window }) { test({ assert, target, window }) {
const event = new window.MouseEvent('click'); const event = new window.MouseEvent('click');
const button = target.querySelector('button'); const button = target.querySelector('button');
ok(button); ok(button);
await button.dispatchEvent(event); button.dispatchEvent(event);
flushSync();
assert.htmlEqual(target.innerHTML, '<button>11</button>'); assert.htmlEqual(target.innerHTML, '<button>11</button>');
} }

6
packages/svelte/tests/runtime-legacy/samples/action-custom-event-handler-with-context/_config.js
Unescape View File

@ -1,9 +1,10 @@
import { flushSync } from 'svelte';
import { ok, test } from '../../test'; import { ok, test } from '../../test';
export default test({ export default test({
html: '<button>???</button>', html: '<button>???</button>',
async test({ assert, target, window }) { test({ assert, target, window }) {
const event = new window.MouseEvent('click', { const event = new window.MouseEvent('click', {
clientX: 42, clientX: 42,
clientY: 42 clientY: 42
@ -12,7 +13,8 @@ export default test({
const button = target.querySelector('button'); const button = target.querySelector('button');
ok(button); ok(button);
await button.dispatchEvent(event); button.dispatchEvent(event);
flushSync();
assert.htmlEqual(target.innerHTML, '<button>42</button>'); assert.htmlEqual(target.innerHTML, '<button>42</button>');
} }

6
packages/svelte/tests/runtime-legacy/samples/action-custom-event-handler/_config.js
Unescape View File

@ -1,9 +1,10 @@
import { flushSync } from 'svelte';
import { ok, test } from '../../test'; import { ok, test } from '../../test';
export default test({ export default test({
html: '<button>0, 0</button>', html: '<button>0, 0</button>',
async test({ assert, target, window }) { test({ assert, target, window }) {
const event = new window.MouseEvent('click', { const event = new window.MouseEvent('click', {
clientX: 42, clientX: 42,
clientY: 42 clientY: 42
@ -12,7 +13,8 @@ export default test({
const button = target.querySelector('button'); const button = target.querySelector('button');
ok(button); ok(button);
await button.dispatchEvent(event); button.dispatchEvent(event);
flushSync();
assert.htmlEqual(target.innerHTML, '<button>42, 42</button>'); assert.htmlEqual(target.innerHTML, '<button>42, 42</button>');
} }

4
packages/svelte/tests/runtime-legacy/samples/action-this/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { ok, test } from '../../test'; import { ok, test } from '../../test';
export default test({ export default test({
@ -8,7 +9,8 @@ export default test({
const click = new window.MouseEvent('click'); const click = new window.MouseEvent('click');
assert.htmlEqual(target.innerHTML, '<button>1</button>'); assert.htmlEqual(target.innerHTML, '<button>1</button>');
await button.dispatchEvent(click); button.dispatchEvent(click);
flushSync();
assert.htmlEqual(target.innerHTML, '<button>2</button>'); assert.htmlEqual(target.innerHTML, '<button>2</button>');
} }
}); });

5
packages/svelte/tests/runtime-legacy/samples/await-mutate-array/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
@ -11,7 +12,9 @@ export default test({
const [b1] = target.querySelectorAll('button'); const [b1] = target.querySelectorAll('button');
b1.click(); b1.click();
await Promise.resolve(); Promise.resolve();
flushSync();
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
`<button>2</button><button>3</button><button>4</button>\n-------\n<button>1</button>` `<button>2</button><button>3</button><button>4</button>\n-------\n<button>1</button>`

3
packages/svelte/tests/runtime-legacy/samples/await-then-destruct-object-if/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
@ -11,6 +12,7 @@ export default test({
async test({ assert, component, target }) { async test({ assert, component, target }) {
await (component.thePromise = Promise.resolve({ result: 1 })); await (component.thePromise = Promise.resolve({ result: 1 }));
flushSync();
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
@ -21,6 +23,7 @@ export default test({
); );
await new Promise((resolve) => setTimeout(resolve, 1)); await new Promise((resolve) => setTimeout(resolve, 1));
flushSync();
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,

6
packages/svelte/tests/runtime-legacy/samples/before-render-chain/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
@ -9,8 +10,9 @@ export default test({
<span>1</span> <span>1</span>
`, `,
async test({ assert, component, target }) { test({ assert, component, target }) {
await component.list.update(); component.list.update();
flushSync();
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,

6
packages/svelte/tests/runtime-legacy/samples/binding-contenteditable-text-initial/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { ok, test } from '../../test'; import { ok, test } from '../../test';
export default test({ export default test({
@ -18,7 +19,7 @@ export default test({
<p>hello</p> <p>hello</p>
`, `,
async test({ assert, component, target, window }) { test({ assert, component, target, window }) {
assert.equal(component.name, 'world'); assert.equal(component.name, 'world');
const el = target.querySelector('editor'); const el = target.querySelector('editor');
@ -27,7 +28,8 @@ export default test({
const event = new window.Event('input'); const event = new window.Event('input');
el.textContent = 'everybody'; el.textContent = 'everybody';
await el.dispatchEvent(event); el.dispatchEvent(event);
flushSync();
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,

6
packages/svelte/tests/runtime-legacy/samples/binding-contenteditable-text/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { ok, test } from '../../test'; import { ok, test } from '../../test';
export default test({ export default test({
@ -10,7 +11,7 @@ export default test({
<p>hello world</p> <p>hello world</p>
`, `,
async test({ assert, component, target, window }) { test({ assert, component, target, window }) {
const el = target.querySelector('editor'); const el = target.querySelector('editor');
ok(el); ok(el);
assert.equal(el.textContent, 'world'); assert.equal(el.textContent, 'world');
@ -18,7 +19,8 @@ export default test({
const event = new window.Event('input'); const event = new window.Event('input');
el.textContent = 'everybody'; el.textContent = 'everybody';
await el.dispatchEvent(event); el.dispatchEvent(event);
flushSync();
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,

6
packages/svelte/tests/runtime-legacy/samples/binding-input-checkbox-indeterminate/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { ok, test } from '../../test'; import { ok, test } from '../../test';
export default test({ export default test({
@ -17,7 +18,7 @@ export default test({
<p>indeterminate? true</p> <p>indeterminate? true</p>
`, `,
async test({ assert, component, target, window }) { test({ assert, component, target, window }) {
const input = target.querySelector('input'); const input = target.querySelector('input');
ok(input); ok(input);
@ -28,7 +29,8 @@ export default test({
input.checked = true; input.checked = true;
input.indeterminate = false; input.indeterminate = false;
await input.dispatchEvent(event); input.dispatchEvent(event);
flushSync();
assert.equal(component.indeterminate, false); assert.equal(component.indeterminate, false);
assert.equal(component.checked, true); assert.equal(component.checked, true);

15
packages/svelte/tests/runtime-legacy/samples/binding-select-in-yield/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { ok, test } from '../../test'; import { ok, test } from '../../test';
export default test({ export default test({
@ -7,8 +8,9 @@ export default test({
return { letter: 'b' }; return { letter: 'b' };
}, },
async test({ assert, component, target, window }) { test({ assert, component, target, window }) {
await component.modal.toggle(); component.modal.toggle();
flushSync();
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
@ -28,7 +30,8 @@ export default test({
const change = new window.MouseEvent('change'); const change = new window.MouseEvent('change');
select.options[2].selected = true; select.options[2].selected = true;
await select.dispatchEvent(change); select.dispatchEvent(change);
flushSync();
assert.equal(component.letter, 'c'); assert.equal(component.letter, 'c');
assert.deepEqual( assert.deepEqual(
@ -49,9 +52,9 @@ export default test({
` `
); );
await component.modal.toggle(); component.modal.toggle();
await component.modal.toggle(); component.modal.toggle();
await Promise.resolve(); flushSync();
select = target.querySelector('select'); select = target.querySelector('select');
ok(select); ok(select);

6
packages/svelte/tests/runtime-legacy/samples/bindings-coalesced/_config.js
Unescape View File

@ -1,7 +1,8 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
async test({ assert, component }) { test({ assert, component }) {
const { foo, p } = component; const { foo, p } = component;
/** @type {string[]} */ /** @type {string[]} */
@ -13,7 +14,8 @@ export default test({
} }
}); });
await foo.double(); foo.double();
flushSync();
assert.deepEqual(values, ['6']); assert.deepEqual(values, ['6']);
} }

6
packages/svelte/tests/runtime-legacy/samples/component-props-mutated/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
const data = { const data = {
@ -15,9 +16,10 @@ export default test({
html: '<p>hello</p>', html: '<p>hello</p>',
async test({ assert, component, target }) { test({ assert, component, target }) {
data.message = 'goodbye'; data.message = 'goodbye';
await component.$set({ data }); component.$set({ data });
flushSync();
assert.htmlEqual(target.innerHTML, '<p>goodbye</p>'); assert.htmlEqual(target.innerHTML, '<p>goodbye</p>');
} }

6
packages/svelte/tests/runtime-legacy/samples/component-slot-let-g/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
@ -5,7 +6,7 @@ export default test({
<span slot="foo" class="1">1</span> <span slot="foo" class="1">1</span>
0 0
`, `,
async test({ assert, target, component, window }) { test({ assert, target, component, window }) {
component.x = 2; component.x = 2;
assert.htmlEqual( assert.htmlEqual(
@ -17,7 +18,8 @@ export default test({
); );
const span = target.querySelector('span'); const span = target.querySelector('span');
await span?.dispatchEvent(new window.MouseEvent('click', { bubbles: true })); span?.dispatchEvent(new window.MouseEvent('click', { bubbles: true }));
flushSync();
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,

3
packages/svelte/tests/runtime-legacy/samples/destructured-props-2/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
@ -10,7 +11,7 @@ export default test({
async test({ component, assert, target }) { async test({ component, assert, target }) {
await component.update(); await component.update();
await Promise.resolve(); flushSync();
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,

4
packages/svelte/tests/runtime-legacy/samples/destructured-props-3/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
@ -8,7 +9,8 @@ export default test({
`, `,
async test({ component, target, assert }) { async test({ component, target, assert }) {
await component.update(); await component.update();
await Promise.resolve(); flushSync();
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
` `

3
packages/svelte/tests/runtime-legacy/samples/destructured-props-5/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
@ -10,7 +11,7 @@ export default test({
async test({ component, assert, target }) { async test({ component, assert, target }) {
await component.update(); await component.update();
await Promise.resolve(); flushSync();
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,

7
packages/svelte/tests/runtime-legacy/samples/destructuring-assignment-array/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
@ -10,9 +11,9 @@ export default test({
</ul> </ul>
`, `,
async test({ assert, component, target }) { test({ assert, component, target }) {
await component.swap(0, 1); component.swap(0, 1);
await Promise.resolve(); flushSync();
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,

15
packages/svelte/tests/runtime-legacy/samples/key-block-expression-2/_config.js
Unescape View File

@ -1,19 +1,26 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
html: '<div>3</div>', html: '<div>3</div>',
async test({ assert, component, target }) { test({ assert, component, target }) {
const div = target.querySelector('div'); const div = target.querySelector('div');
await component.mutate(); component.mutate();
flushSync();
assert.htmlEqual(target.innerHTML, '<div>5</div>'); assert.htmlEqual(target.innerHTML, '<div>5</div>');
assert.strictEqual(div, target.querySelector('div')); assert.strictEqual(div, target.querySelector('div'));
await component.reassign(); component.reassign();
flushSync();
assert.htmlEqual(target.innerHTML, '<div>7</div>'); assert.htmlEqual(target.innerHTML, '<div>7</div>');
assert.strictEqual(div, target.querySelector('div')); assert.strictEqual(div, target.querySelector('div'));
await component.changeKey(); component.changeKey();
flushSync();
assert.htmlEqual(target.innerHTML, '<div>7</div>'); assert.htmlEqual(target.innerHTML, '<div>7</div>');
assert.notStrictEqual(div, target.querySelector('div')); assert.notStrictEqual(div, target.querySelector('div'));
} }

6
packages/svelte/tests/runtime-legacy/samples/prop-const/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
@ -10,11 +11,12 @@ export default test({
<p>b: 2</p> <p>b: 2</p>
`, `,
async test({ assert, component, target }) { test({ assert, component, target }) {
await component.$set({ component.$set({
a: 5, a: 5,
b: 6 b: 6
}); });
flushSync();
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,

9
packages/svelte/tests/runtime-legacy/samples/props-reactive-b/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
@ -11,8 +12,9 @@ export default test({
<p>c: 3</p> <p>c: 3</p>
`, `,
async test({ assert, component, target }) { test({ assert, component, target }) {
await component.$set({ a: 4 }); component.$set({ a: 4 });
flushSync();
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
@ -23,7 +25,8 @@ export default test({
` `
); );
await component.$set({ b: 5 }); component.$set({ b: 5 });
flushSync();
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,

6
packages/svelte/tests/runtime-legacy/samples/reactive-assignment-in-complex-declaration-with-store-3/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
import { store } from './store.js'; import { store } from './store.js';
@ -6,10 +7,9 @@ export default test({
before_test() { before_test() {
store.reset(); store.reset();
}, },
async test({ assert, target }) { test({ assert, target }) {
store.set(42); store.set(42);
flushSync();
await Promise.resolve();
assert.htmlEqual(target.innerHTML, '<h1>42</h1>'); assert.htmlEqual(target.innerHTML, '<h1>42</h1>');

33
packages/svelte/tests/runtime-legacy/samples/reactive-value-dependency-not-referenced/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
@ -6,29 +7,35 @@ export default test({
<p>42</p> <p>42</p>
`, `,
async test({ assert, component, target }) { test({ assert, component, target }) {
await component.updateStore(undefined); component.updateStore(undefined);
await Promise.resolve(); flushSync();
assert.htmlEqual(target.innerHTML, '<p></p><p>42</p>'); assert.htmlEqual(target.innerHTML, '<p></p><p>42</p>');
await component.updateStore(33); component.updateStore(33);
await Promise.resolve(); flushSync();
assert.htmlEqual(target.innerHTML, '<p>33</p><p>42</p>'); assert.htmlEqual(target.innerHTML, '<p>33</p><p>42</p>');
await component.updateStore(undefined); component.updateStore(undefined);
await Promise.resolve(); flushSync();
assert.htmlEqual(target.innerHTML, '<p></p><p>42</p>'); assert.htmlEqual(target.innerHTML, '<p></p><p>42</p>');
await component.updateVar(undefined); component.updateVar(undefined);
await Promise.resolve(); flushSync();
assert.htmlEqual(target.innerHTML, '<p></p><p></p>'); assert.htmlEqual(target.innerHTML, '<p></p><p></p>');
await component.updateVar(33); component.updateVar(33);
await Promise.resolve(); flushSync();
assert.htmlEqual(target.innerHTML, '<p></p><p>33</p>'); assert.htmlEqual(target.innerHTML, '<p></p><p>33</p>');
await component.updateVar(undefined); component.updateVar(undefined);
await Promise.resolve(); flushSync();
assert.htmlEqual(target.innerHTML, '<p></p><p></p>'); assert.htmlEqual(target.innerHTML, '<p></p><p></p>');
} }
}); });

6
packages/svelte/tests/runtime-legacy/samples/reactive-value-function/_config.js
Unescape View File

@ -1,10 +1,12 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
html: '1-2', html: '1-2',
async test({ assert, component, target }) { test({ assert, component, target }) {
await component.update(); component.update();
flushSync();
assert.htmlEqual(target.innerHTML, '3-4'); assert.htmlEqual(target.innerHTML, '3-4');
} }

3
packages/svelte/tests/runtime-legacy/samples/reactive-values-text-node/_config.js
Unescape View File

@ -1,5 +1,6 @@
import { test } from '../../test'; import { test } from '../../test';
import { create_deferred } from '../../../helpers'; import { create_deferred } from '../../../helpers';
import { flushSync } from 'svelte';
/** @type {ReturnType<typeof create_deferred>} */ /** @type {ReturnType<typeof create_deferred>} */
let deferred; let deferred;
@ -17,6 +18,8 @@ export default test({
async test({ assert, target }) { async test({ assert, target }) {
await deferred.promise; await deferred.promise;
flushSync();
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
` `

6
packages/svelte/tests/runtime-legacy/samples/spread-own-props/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
@ -17,13 +18,14 @@ export default test({
<p>quux: core</p></div> <p>quux: core</p></div>
`, `,
async test({ assert, component, target }) { test({ assert, component, target }) {
await component.$set({ component.$set({
foo: 'wut', foo: 'wut',
baz: 40 + 3, baz: 40 + 3,
qux: `this is a ${'rather boring'} string`, qux: `this is a ${'rather boring'} string`,
quux: 'heart' quux: 'heart'
}); });
flushSync();
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,

8
packages/svelte/tests/runtime-legacy/samples/store-auto-subscribe-in-reactive-declaration-2/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
@ -6,10 +7,9 @@ export default test({
<div>Hello World</div> <div>Hello World</div>
`, `,
async test({ assert, component, target }) { test({ assert, component, target }) {
await component.update_value('Hi Svelte'); component.update_value('Hi Svelte');
await Promise.resolve(); flushSync();
await Promise.resolve();
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,

7
packages/svelte/tests/runtime-legacy/samples/store-increment-updates-reactive/_config.js
Unescape View File

@ -1,10 +1,13 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
html: '0', html: '0',
async test({ assert, component, target }) { test({ assert, component, target }) {
await component.increment(); component.increment();
flushSync();
assert.htmlEqual(target.innerHTML, '1'); assert.htmlEqual(target.innerHTML, '1');
} }
}); });

6
packages/svelte/tests/runtime-legacy/samples/store-unreferenced/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
import { count } from './store.js'; import { count } from './store.js';
@ -8,8 +9,9 @@ export default test({
count.set(0); count.set(0);
}, },
async test({ assert, component, target }) { test({ assert, component, target }) {
await component.increment(); component.increment();
flushSync();
assert.htmlEqual(target.innerHTML, '<p>count: 1</p>'); assert.htmlEqual(target.innerHTML, '<p>count: 1</p>');
} }

6
packages/svelte/tests/runtime-legacy/samples/window-event-custom/_config.js
Unescape View File

@ -1,14 +1,16 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
html: '<p>escaped: false</p>', html: '<p>escaped: false</p>',
async test({ assert, target, window }) { test({ assert, target, window }) {
const event = new window.KeyboardEvent('keydown', { const event = new window.KeyboardEvent('keydown', {
key: 'Escape' key: 'Escape'
}); });
await window.dispatchEvent(event); window.dispatchEvent(event);
flushSync();
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,

3
packages/svelte/tests/runtime-runes/samples/derived-unowned-2/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
@ -7,7 +8,7 @@ export default test({
async test({ assert, target }) { async test({ assert, target }) {
await Promise.resolve(); await Promise.resolve();
await Promise.resolve(); flushSync();
assert.htmlEqual( assert.htmlEqual(
target.innerHTML, target.innerHTML,
'<div>d2: 3,4,5</div><div>d3: 3,4,5</div><div>d4: 3,4,5</div>' '<div>d2: 3,4,5</div><div>d3: 3,4,5</div><div>d4: 3,4,5</div>'

3
packages/svelte/tests/runtime-runes/samples/derived-unowned-5/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
@ -5,7 +6,7 @@ export default test({
// The test has a bunch of queueMicrotasks // The test has a bunch of queueMicrotasks
await Promise.resolve(); await Promise.resolve();
await Promise.resolve(); await Promise.resolve();
await Promise.resolve(); flushSync();
assert.htmlEqual(target.innerHTML, `<div>Zeeba Neighba</div>`); assert.htmlEqual(target.innerHTML, `<div>Zeeba Neighba</div>`);
} }

3
packages/svelte/tests/runtime-runes/samples/runes-from-func/_config.js
Unescape View File

@ -1,3 +1,4 @@
import { flushSync } from 'svelte';
import { test } from '../../test'; import { test } from '../../test';
export default test({ export default test({
@ -5,7 +6,7 @@ export default test({
async test({ assert, target }) { async test({ assert, target }) {
await Promise.resolve(); await Promise.resolve();
await Promise.resolve(); flushSync();
assert.htmlEqual(target.innerHTML, `<span>1</span>`); assert.htmlEqual(target.innerHTML, `<span>1</span>`);
} }
}); });

Write Preview
Loading…
Cancel
Save