mirror of https://github.com/sveltejs/svelte
parent
b18cd46982
commit
a5275b2405
@ -1,37 +1,33 @@
|
|||||||
import { flushSync, tick } from 'svelte';
|
import { flushSync, tick } from 'svelte';
|
||||||
import { deferred } from '../../../../src/internal/shared/utils.js';
|
|
||||||
import { test } from '../../test';
|
import { test } from '../../test';
|
||||||
|
|
||||||
/** @type {ReturnType<typeof deferred>} */
|
|
||||||
let d;
|
|
||||||
|
|
||||||
export default test({
|
export default test({
|
||||||
html: `<p>pending</p>`,
|
html: `<button>step 1</button><button>step 2</button><button>step 3</button><p>pending</p>`,
|
||||||
|
|
||||||
get props() {
|
|
||||||
d = deferred();
|
|
||||||
|
|
||||||
return {
|
async test({ assert, target }) {
|
||||||
promise: d.promise
|
let [button1, button2, button3] = target.querySelectorAll('button');
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
async test({ assert, target, component }) {
|
flushSync(() => button1.click());
|
||||||
d.reject(new Error('oops!'));
|
|
||||||
await Promise.resolve();
|
await Promise.resolve();
|
||||||
await Promise.resolve();
|
await Promise.resolve();
|
||||||
flushSync();
|
flushSync();
|
||||||
assert.htmlEqual(target.innerHTML, '<p>oops!</p><button>reset</button>');
|
assert.htmlEqual(
|
||||||
|
target.innerHTML,
|
||||||
const button = target.querySelector('button');
|
'<button>step 1</button><button>step 2</button><button>step 3</button><p>oops!</p><button>reset</button>'
|
||||||
|
);
|
||||||
component.promise = (d = deferred()).promise;
|
|
||||||
flushSync(() => button?.click());
|
flushSync(() => button2.click());
|
||||||
assert.htmlEqual(target.innerHTML, '<p>pending</p>');
|
assert.htmlEqual(
|
||||||
|
target.innerHTML,
|
||||||
d.resolve('wheee');
|
'<button>step 1</button><button>step 2</button><button>step 3</button><p>pending</p>'
|
||||||
|
);
|
||||||
|
|
||||||
|
flushSync(() => button3.click());
|
||||||
await Promise.resolve();
|
await Promise.resolve();
|
||||||
await tick();
|
await tick();
|
||||||
assert.htmlEqual(target.innerHTML, '<h1>wheee</h1>');
|
assert.htmlEqual(
|
||||||
|
target.innerHTML,
|
||||||
|
'<button>step 1</button><button>step 2</button><button>step 3</button><h1>wheee</h1>'
|
||||||
|
);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
Loading…
Reference in new issue