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

fix

Browse Source
pull/4999/head
pushkine 5 years ago
parent 0353d52d91
commit b59759cd4a
43 changed files with 87 additions and 120 deletions
Show Stats Download Patch File Download Diff File

9
src/compiler/compile/render_dom/Block.ts
Unescape View File

@ -234,18 +234,15 @@ export default class Block {
get_contents(key?: any) { get_contents(key?: any) {
const { dev } = this.renderer.options; const { dev } = this.renderer.options;
if (this.has_outros) { if (this.has_outros || this.has_intros) {
this.add_variable({ type: 'Identifier', name: '#current' }); this.add_variable({ type: 'Identifier', name: '#current' });
if (this.chunks.intro.length > 0) {
this.chunks.intro.push(b`#current = true;`); this.chunks.intro.push(b`#current = true;`);
this.chunks.mount.push(b`#current = true;`); this.chunks.mount.push(b`#current = true;`);
}
if (this.chunks.outro.length > 0) {
this.chunks.outro.push(b`#current = false;`); this.chunks.outro.push(b`#current = false;`);
} }
}
if (this.autofocus) { if (this.autofocus) {
this.chunks.mount.push(b`${this.autofocus}.focus();`); this.chunks.mount.push(b`${this.autofocus}.focus();`);
@ -345,7 +342,7 @@ export default class Block {
properties.intro = noop; properties.intro = noop;
} else { } else {
properties.intro = x`function #intro(#local) { properties.intro = x`function #intro(#local) {
${this.has_outros && b`if (#current) return;`} ${b`if (#current) return;`}
${this.chunks.intro} ${this.chunks.intro}
}`; }`;
} }

35
src/compiler/compile/render_dom/wrappers/Element/index.ts
Unescape View File

@ -744,10 +744,14 @@ export default class ElementWrapper extends Wrapper {
const snippet = intro.expression ? intro.expression.manipulate(block) : null; const snippet = intro.expression ? intro.expression.manipulate(block) : null;
const fn = this.renderer.reference(intro.name); const fn = this.renderer.reference(intro.name);
block.add_variable(transition);
block.chunks.create.push(b`${transition} = @create_bidirectional_transition(${this.var}, ${fn}, ${snippet})`)
block.add_variable(transition);
block.chunks.mount.push(b`if (!${transition}) ${transition} = @create_bidirectional_transition(${this.var}, ${fn}, ${snippet});`);
block.chunks.hydrate.push(b`if (!${transition}) ${transition} = @create_bidirectional_transition(${this.var}, ${fn}, ${snippet});`);
if (intro.expression) {
const dirty = block.renderer.dirty([intro.name,...Array.from(intro.expression.dependencies)]);
block.chunks.update.push(b`if (${dirty}) ${transition}.u(${fn}, ${snippet});`);
}
let intro_block = b`${transition}.i();`; let intro_block = b`${transition}.i();`;
let outro_block = b`${transition}.o();`; let outro_block = b`${transition}.o();`;
@ -758,7 +762,7 @@ export default class ElementWrapper extends Wrapper {
block.chunks.intro.push(intro_block); block.chunks.intro.push(intro_block);
block.chunks.outro.push(outro_block); block.chunks.outro.push(outro_block);
block.chunks.destroy.push(b`if (detaching) ${transition}.d();`); block.chunks.destroy.push(b`if (detaching && ${transition}) ${transition}.d();`);
} }
add_intro(block: Block, intro: Transition, outro: Transition) { add_intro(block: Block, intro: Transition, outro: Transition) {
if (outro) { if (outro) {
@ -766,47 +770,43 @@ export default class ElementWrapper extends Wrapper {
block.chunks.intro.push(b`${outro_var}(1);`); block.chunks.intro.push(b`${outro_var}(1);`);
} }
if (this.node.animation) { if (this.node.animation) {
const [unfreeze_var, rect_var, stop_animation_var, animationFn, params] = run_animation(this, block); const [unfreeze_var] = run_animation(this, block);
block.chunks.intro.push(b` block.chunks.intro.push(b`
if (${unfreeze_var}) { if (${unfreeze_var}) {
${unfreeze_var}(); ${unfreeze_var}();
${unfreeze_var} = void 0; ${unfreeze_var} = void 0;
${stop_animation_var} = @run_animation(${this.var}, ${rect_var}, ${animationFn}, ${params});
} }
`); `);
} }
if (!intro) return; if (!intro) return;
const [intro_var, node, transitionFn, params] = run_transition(this, block, intro, `intro`); const [intro_var, node, transitionFn, params] = run_transition(this, block, intro, `intro`);
block.add_variable(intro_var, outro ? x`@noop`: null); block.add_variable(intro_var, x`@noop`);
let start_intro = b`${intro_var} = @run_in(${node}, ${transitionFn}, ${params}, this);`; let start_intro = b`
if (!outro) start_intro = b`if (!${intro_var}) { ${start_intro} }`; ${intro_var}();
${intro_var} = @run_in(${node}, ${transitionFn}, ${params});
`;
if (intro.is_local) start_intro = b`if (#local) { ${start_intro} }`; if (intro.is_local) start_intro = b`if (#local) { ${start_intro} }`;
block.chunks.intro.push(start_intro); block.chunks.intro.push(start_intro);
} }
// TODO // TODO
// hide elements that have outro'd prior to their removal from the DOM // hide elements that have outro'd prior to their removal from the DOM
// ( ...unless they belong to a still-outroing group ) // ( ...unless they belong to a still-outroing group )
add_outro(block: Block, intro: Transition, outro: Transition) { add_outro(block: Block, _intro: Transition, outro: Transition) {
if (intro) {
const intro_var = block.alias(`${this.var.name}_intro`);
block.chunks.outro.push(b`${intro_var}();`);
}
if (!outro) return; if (!outro) return;
const [outro_var, node, transitionFn, params] = run_transition(this, block, outro, `outro`); const [outro_var, node, transitionFn, params] = run_transition(this, block, outro, `outro`);
block.add_variable(outro_var, x`@noop`); block.add_variable(outro_var, x`@noop`);
let start_outro = b`${outro_var} = @run_out(${node}, ${transitionFn}, ${params}, this);`; let start_outro = b`${outro_var} = @run_out(${node}, ${transitionFn}, ${params});`;
if (outro.is_local) start_outro = b`if (#local) { ${start_outro} }`; if (outro.is_local) start_outro = b`if (#local) { ${start_outro} }`;
block.chunks.outro.push(start_outro); block.chunks.outro.push(start_outro);
block.chunks.destroy.push(b`if (detaching) ${outro_var}();`); block.chunks.destroy.push(b`if (detaching) ${outro_var}();`);
} }
add_animation(block: Block, intro: Transition) { add_animation(block: Block) {
const intro_var = intro && block.alias(`${this.var.name}_intro`);
const [unfreeze_var, rect_var, stop_animation_var, name_var, params_var] = run_animation(this, block); const [unfreeze_var, rect_var, stop_animation_var, name_var, params_var] = run_animation(this, block);
@ -816,7 +816,6 @@ export default class ElementWrapper extends Wrapper {
block.chunks.measure.push(b` block.chunks.measure.push(b`
${rect_var} = ${this.var}.getBoundingClientRect(); ${rect_var} = ${this.var}.getBoundingClientRect();
${intro && b`${intro_var}();`}
`); `);
block.chunks.fix.push(b` block.chunks.fix.push(b`

34
src/runtime/internal/loop.ts
Unescape View File

@ -9,23 +9,23 @@ export const frame = {
}, },
}; };
function calc_framerate() { // function calc_framerate() {
raf((t1) => { // raf((t1) => {
raf((t2) => { // raf((t2) => {
const delta = t2 - t1; // const delta = t2 - t1;
raf((t3) => { // raf((t3) => {
if (Math.abs(t3 - t2 - delta) > 1) { // if (Math.abs(t3 - t2 - delta) > 1) {
calc_framerate(); // calc_framerate();
} else { // } else {
const f24 = 1000 / 24; // const f24 = 1000 / 24;
const f144 = 1000 / 144; // const f144 = 1000 / 144;
frame.rate = delta > f144 ? f144 : delta < f24 ? f24 : delta; // frame.rate = delta > f144 ? f144 : delta < f24 ? f24 : delta;
} // }
}); // });
}); // });
}); // });
} // }
calc_framerate(); // calc_framerate();
type TaskCallback = (t: number) => boolean; type TaskCallback = (t: number) => boolean;
type TaskCanceller = () => void; type TaskCanceller = () => void;

1
src/runtime/internal/style_manager.ts
Unescape View File

@ -34,7 +34,6 @@ export const animate_css = /*#__PURE__*/ methodify(
} }
const previous = this.style.animation; const previous = this.style.animation;
if (previous) {console.error("stacked animations"); return noop}
this.style.animation = `${ this.style.animation = `${
previous ? `${previous}, ` : '' previous ? `${previous}, ` : ''
}${duration}ms linear ${delay}ms 1 normal both running ${name}`; }${duration}ms linear ${delay}ms 1 normal both running ${name}`;

3
src/runtime/internal/transitions.ts
Unescape View File

@ -123,6 +123,7 @@ export const run_animation = /*#__PURE__*/ methodify(function (this: HTMLElement
const end_time = current_frame_time + delay + duration; const end_time = current_frame_time + delay + duration;
const runner = (fn) => reversed(fn, true, easing); const runner = (fn) => reversed(fn, true, easing);
if (css) cancel_css = animate_css(this, runner(css), duration, delay); if (css) cancel_css = animate_css(this, runner(css), duration, delay);
if (tick) tick(0, 1);
cancel_raf = tick ? setTweenTimeout(stop, end_time, runner(tick), duration) : setFrameTimeout(stop, end_time); cancel_raf = tick ? setTweenTimeout(stop, end_time, runner(tick), duration) : setFrameTimeout(stop, end_time);
}; };
}); });
@ -324,7 +325,7 @@ export const create_bidirectional_transition = /*#__PURE__*/ methodify(function(
prev = prev ? prev(-1) : run_transition(true); prev = prev ? prev(-1) : run_transition(true);
}, },
d() { d() {
prev = prev(1); if (prev) prev(1);
} }
} }
}); });

2
test/js/samples/each-block-keyed-animated/expected.js
Unescape View File

@ -54,7 +54,7 @@ function create_each_block(key_1, ctx) {
unfreeze = fix_position(div, rect); unfreeze = fix_position(div, rect);
}, },
a() { a() {
if (unfreeze) return; else { if (unfreeze || !rect) return; else {
stop_animation(); stop_animation();
stop_animation = run_animation(div, rect, foo); stop_animation = run_animation(div, rect, foo);
} }

17
test/js/samples/transition-local/expected.js
Unescape View File

@ -7,7 +7,7 @@ import {
init, init,
insert, insert,
noop, noop,
run_transition, run_in,
safe_not_equal, safe_not_equal,
transition_in transition_in
} from "svelte/internal"; } from "svelte/internal";
@ -52,7 +52,8 @@ function create_if_block(ctx) {
// (9:1) {#if y} // (9:1) {#if y}
function create_if_block_1(ctx) { function create_if_block_1(ctx) {
let div; let div;
let div_intro; let div_intro = noop;
let current;
return { return {
c() { c() {
@ -61,16 +62,20 @@ function create_if_block_1(ctx) {
}, },
m(target, anchor) { m(target, anchor) {
insert(target, div, anchor); insert(target, div, anchor);
current = true;
}, },
i(local) { i(local) {
if (current) return;
if (local) { if (local) {
if (!div_intro) { div_intro();
div_intro = run_transition(div, foo, 1); div_intro = run_in(div, foo);
}
} }
current = true;
}, },
o(local) { o(local) {
div_intro(); current = false;
}, },
d(detaching) { d(detaching) {
if (detaching) detach(div); if (detaching) detach(div);

4
test/js/samples/transition-repeated-outro/expected.js
Unescape View File

@ -8,7 +8,7 @@ import {
init, init,
insert, insert,
noop, noop,
run_transition, run_out,
safe_not_equal, safe_not_equal,
transition_in, transition_in,
transition_out transition_out
@ -36,7 +36,7 @@ function create_if_block(ctx) {
current = true; current = true;
}, },
o(local) { o(local) {
div_outro = run_transition(div, fade, 2); div_outro = run_out(div, fade);
current = false; current = false;
}, },
d(detaching) { d(detaching) {

2
test/runtime/index.js
Unescape View File

@ -243,7 +243,7 @@ describe("runtime", () => {
}); });
} }
fs.readdirSync(`${__dirname}/samples`).forEach(dir => { fs.readdirSync(`${__dirname}/samples`).reverse().forEach(dir => {
runTest(dir, false); runTest(dir, false);
runTest(dir, true); runTest(dir, true);
}); });

11
test/runtime/samples/transition-css-in-out-in/_config.js
Unescape View File

@ -2,15 +2,20 @@ export default {
test({ assert, component, target, window, raf }) { test({ assert, component, target, window, raf }) {
component.visible = true; component.visible = true;
const div = target.querySelector('div'); const div = target.querySelector('div');
const startsWith = (str) => const startsWith = (v, t = div.style.animation) => {
assert.equal(div.style.animation.slice(0, div.style.animation.length-1), str); if (Array.isArray(v)) {
t.split(", ").forEach((r,i)=>startsWith(v[i],r))
} else {
assert.equal(t.slice(0, -1), v);
}
}
startsWith(`100ms linear 0ms 1 normal both running __svelte_3261048502`); startsWith(`100ms linear 0ms 1 normal both running __svelte_3261048502`);
raf.tick(50); raf.tick(50);
component.visible = false; component.visible = false;
startsWith(`100ms linear 0ms 1 normal both running __svelte_890840093`); startsWith([`100ms linear 0ms 1 normal both running __svelte_3261048502`, `100ms linear 0ms 1 normal both running __svelte_890840093`]);
raf.tick(75); raf.tick(75);
component.visible = true; component.visible = true;

3
test/runtime/samples/transition-js-args/_config.js
Unescape View File

@ -4,9 +4,6 @@ export default {
const div = target.querySelector('div'); const div = target.querySelector('div');
assert.equal(div.foo, 0);
assert.equal(div.oof, 1);
raf.tick(50); raf.tick(50);
assert.equal(div.foo, 0.5); assert.equal(div.foo, 0.5);
assert.equal(div.oof, 0.5); assert.equal(div.oof, 0.5);

1
test/runtime/samples/transition-js-await-block/_config.js
Unescape View File

@ -17,7 +17,6 @@ export default {
const p = target.querySelector('p'); const p = target.querySelector('p');
assert.equal(p.className, 'pending'); assert.equal(p.className, 'pending');
assert.equal(p.foo, 0);
raf.tick(50); raf.tick(50);
assert.equal(p.foo, 0.5); assert.equal(p.foo, 0.5);

1
test/runtime/samples/transition-js-context/_config.js
Unescape View File

@ -3,7 +3,6 @@ export default {
component.visible = true; component.visible = true;
const div = target.querySelector('div'); const div = target.querySelector('div');
assert.equal(div.foo, 42);
raf.tick(50); raf.tick(50);
assert.equal(div.foo, 42); assert.equal(div.foo, 42);

1
test/runtime/samples/transition-js-deferred-b/_config.js
Unescape View File

@ -4,7 +4,6 @@ export default {
return Promise.resolve().then(() => { return Promise.resolve().then(() => {
const div = target.querySelector('.foo'); const div = target.querySelector('.foo');
assert.equal(div.foo, 0);
raf.tick(50); raf.tick(50);
assert.equal(div.foo, 0.5); assert.equal(div.foo, 0.5);

1
test/runtime/samples/transition-js-deferred/_config.js
Unescape View File

@ -4,7 +4,6 @@ export default {
return Promise.resolve().then(() => { return Promise.resolve().then(() => {
const div = target.querySelector('.foo'); const div = target.querySelector('.foo');
assert.equal(div.foo, 0);
raf.tick(50); raf.tick(50);
assert.equal(div.foo, 0.5); assert.equal(div.foo, 0.5);

8
test/runtime/samples/transition-js-deferred/main.svelte
Unescape View File

@ -7,9 +7,9 @@
function foo(node, params) { function foo(node, params) {
foo_text = node.textContent; foo_text = node.textContent;
return () => { return (is_intro) => {
if (bar_text !== `b`) { if (bar_text !== `b`) {
throw new Error(`foo ran prematurely`); if (is_intro != null) throw new Error(`foo ran prematurely`);
} }
return { return {
@ -24,9 +24,9 @@
function bar(node, params) { function bar(node, params) {
bar_text = node.textContent; bar_text = node.textContent;
return () => { return (is_intro) => {
if (foo_text !== `a`) { if (foo_text !== `a`) {
throw new Error(`bar ran prematurely`); if (is_intro != null) throw new Error(`bar ran prematurely`);
} }
return { return {

1
test/runtime/samples/transition-js-delay-in-out/_config.js
Unescape View File

@ -2,7 +2,6 @@ export default {
test({ assert, component, target, window, raf }) { test({ assert, component, target, window, raf }) {
component.visible = true; component.visible = true;
const div = target.querySelector('div'); const div = target.querySelector('div');
assert.equal(div.foo, 0);
raf.tick(50); raf.tick(50);
assert.equal(div.foo, 0); assert.equal(div.foo, 0);

9
test/runtime/samples/transition-js-delay/_config.js
Unescape View File

@ -2,7 +2,6 @@ export default {
test({ assert, component, target, window, raf }) { test({ assert, component, target, window, raf }) {
component.visible = true; component.visible = true;
const div = target.querySelector('div'); const div = target.querySelector('div');
assert.equal(div.foo, 0);
raf.tick(50); raf.tick(50);
assert.equal(div.foo, 0); assert.equal(div.foo, 0);
@ -13,9 +12,15 @@ export default {
component.visible = false; component.visible = false;
raf.tick(125); raf.tick(125);
assert.equal(div.foo, 0.25); assert.equal(div.foo, 0.75);
raf.tick(150); raf.tick(150);
assert.equal(div.foo, 1);
raf.tick(175);
assert.equal(div.foo, 0.75);
raf.tick(250);
assert.equal(div.foo, 0); assert.equal(div.foo, 0);
} }
}; };

3
test/runtime/samples/transition-js-dynamic-if-block-bidi/_config.js
Unescape View File

@ -7,9 +7,8 @@ export default {
global.count = 0; global.count = 0;
component.visible = true; component.visible = true;
assert.equal(global.count, 1); assert.equal(global.count, 2);
const div = target.querySelector('div'); const div = target.querySelector('div');
assert.equal(div.foo, 0);
raf.tick(75); raf.tick(75);
component.name = 'everybody'; component.name = 'everybody';

9
test/runtime/samples/transition-js-each-block-intro-outro/_config.js
Unescape View File

@ -7,9 +7,6 @@ export default {
test({ assert, component, target, window, raf }) { test({ assert, component, target, window, raf }) {
component.visible = true; component.visible = true;
const divs = target.querySelectorAll('div'); const divs = target.querySelectorAll('div');
assert.equal(divs[0].foo, 0);
assert.equal(divs[1].foo, 0);
assert.equal(divs[2].foo, 0);
raf.tick(50); raf.tick(50);
assert.equal(divs[0].foo, 0.5); assert.equal(divs[0].foo, 0.5);
@ -19,9 +16,9 @@ export default {
component.visible = false; component.visible = false;
raf.tick(70); raf.tick(70);
assert.equal(divs[0].foo, 0.5); assert.equal(divs[0].foo, 0.7);
assert.equal(divs[1].foo, 0.5); assert.equal(divs[1].foo, 0.7);
assert.equal(divs[2].foo, 0.5); assert.equal(divs[2].foo, 0.7);
assert.equal(divs[0].bar, 0.8); assert.equal(divs[0].bar, 0.8);
assert.equal(divs[1].bar, 0.8); assert.equal(divs[1].bar, 0.8);

4
test/runtime/samples/transition-js-each-block-intro/_config.js
Unescape View File

@ -7,9 +7,6 @@ export default {
test({ assert, component, target, window, raf }) { test({ assert, component, target, window, raf }) {
let divs = target.querySelectorAll('div'); let divs = target.querySelectorAll('div');
assert.equal(divs[0].foo, 0);
assert.equal(divs[1].foo, 0);
assert.equal(divs[2].foo, 0);
raf.tick(50); raf.tick(50);
assert.equal(divs[0].foo, 0.5); assert.equal(divs[0].foo, 0.5);
@ -21,7 +18,6 @@ export default {
assert.equal(divs[0].foo, 0.5); assert.equal(divs[0].foo, 0.5);
assert.equal(divs[1].foo, 0.5); assert.equal(divs[1].foo, 0.5);
assert.equal(divs[2].foo, 0.5); assert.equal(divs[2].foo, 0.5);
assert.equal(divs[3].foo, 0);
raf.tick(75); raf.tick(75);
assert.equal(divs[0].foo, 0.75); assert.equal(divs[0].foo, 0.75);

3
test/runtime/samples/transition-js-each-block-keyed-intro-outro/_config.js
Unescape View File

@ -15,9 +15,6 @@ export default {
divs[1].i = 1; divs[1].i = 1;
divs[2].i = 2; divs[2].i = 2;
assert.equal(divs[0].foo, 0);
assert.equal(divs[1].foo, 0);
assert.equal(divs[2].foo, 0);
raf.tick(100); raf.tick(100);
assert.equal(divs[0].foo, 1); assert.equal(divs[0].foo, 1);

4
test/runtime/samples/transition-js-each-block-keyed-intro/_config.js
Unescape View File

@ -11,9 +11,6 @@ export default {
test({ assert, component, target, window, raf }) { test({ assert, component, target, window, raf }) {
let divs = target.querySelectorAll('div'); let divs = target.querySelectorAll('div');
assert.equal(divs[0].foo, 0);
assert.equal(divs[1].foo, 0);
assert.equal(divs[2].foo, 0);
raf.tick(50); raf.tick(50);
assert.equal(divs[0].foo, 0.5); assert.equal(divs[0].foo, 0.5);
@ -34,7 +31,6 @@ export default {
`); `);
divs = target.querySelectorAll('div'); divs = target.querySelectorAll('div');
assert.equal(divs[0].foo, 0.5); assert.equal(divs[0].foo, 0.5);
assert.equal(divs[1].foo, 0);
assert.equal(divs[2].foo, 0.5); assert.equal(divs[2].foo, 0.5);
assert.equal(divs[3].foo, 0.5); assert.equal(divs[3].foo, 0.5);

5
test/runtime/samples/transition-js-if-block-bidi/_config.js
Unescape View File

@ -3,15 +3,14 @@ export default {
global.count = 0; global.count = 0;
component.visible = true; component.visible = true;
assert.equal(global.count, 1); assert.equal(global.count, 2);
const div = target.querySelector('div'); const div = target.querySelector('div');
assert.equal(div.foo, 0);
raf.tick(300); raf.tick(300);
assert.equal(div.foo, 0.75); assert.equal(div.foo, 0.75);
component.visible = false; component.visible = false;
assert.equal(global.count, 1); assert.equal(global.count, 3);
raf.tick(500); raf.tick(500);
assert.equal(div.foo, 0.25); assert.equal(div.foo, 0.25);

1
test/runtime/samples/transition-js-if-block-in-each-block-bidi/_config.js
Unescape View File

@ -16,7 +16,6 @@ export default {
test({ assert, component, target, window, raf }) { test({ assert, component, target, window, raf }) {
const divs = target.querySelectorAll('div'); const divs = target.querySelectorAll('div');
assert.equal(divs[0].foo, 0);
raf.tick(100); raf.tick(100);
assert.equal(divs[0].foo, 1); assert.equal(divs[0].foo, 1);

5
test/runtime/samples/transition-js-if-block-intro-outro/_config.js
Unescape View File

@ -2,7 +2,6 @@ export default {
test({ assert, component, target, window, raf }) { test({ assert, component, target, window, raf }) {
component.visible = true; component.visible = true;
let div = target.querySelector('div'); let div = target.querySelector('div');
assert.equal(div.foo, 0);
raf.tick(200); raf.tick(200);
assert.equal(div.foo, 0.5); assert.equal(div.foo, 0.5);
@ -32,11 +31,11 @@ export default {
component.visible = false; component.visible = false;
raf.tick(1300); raf.tick(1300);
assert.equal(div.foo, 0.5); assert.equal(div.foo, 0.75);
assert.equal(div.bar, 0.75); assert.equal(div.bar, 0.75);
raf.tick(1400); raf.tick(1400);
assert.equal(div.foo, 0.5); assert.equal(div.foo, 1);
assert.equal(div.bar, 0.5); assert.equal(div.bar, 0.5);
raf.tick(2000); raf.tick(2000);

2
test/runtime/samples/transition-js-if-else-block-intro/_config.js
Unescape View File

@ -3,7 +3,6 @@ export default {
test({ assert, component, target, raf }) { test({ assert, component, target, raf }) {
assert.equal(target.querySelector('div'), component.no); assert.equal(target.querySelector('div'), component.no);
assert.equal(component.no.foo, 0);
raf.tick(200); raf.tick(200);
assert.equal(component.no.foo, 0.5); assert.equal(component.no.foo, 0.5);
@ -11,7 +10,6 @@ export default {
raf.tick(500); raf.tick(500);
component.x = true; component.x = true;
assert.equal(component.no, undefined); assert.equal(component.no, undefined);
assert.equal(component.yes.foo, 0);
raf.tick(700); raf.tick(700);
assert.equal(component.yes.foo, 0.5); assert.equal(component.yes.foo, 0.5);

1
test/runtime/samples/transition-js-initial/_config.js
Unescape View File

@ -3,7 +3,6 @@ export default {
component.visible = true; component.visible = true;
const div = target.querySelector('div'); const div = target.querySelector('div');
assert.equal(div.foo, 0);
raf.tick(50); raf.tick(50);
assert.equal(div.foo, 0.5); assert.equal(div.foo, 0.5);

1
test/runtime/samples/transition-js-intro-enabled-by-option/_config.js
Unescape View File

@ -5,7 +5,6 @@ export default {
test({ assert, component, target, window, raf }) { test({ assert, component, target, window, raf }) {
const div = target.querySelector('div'); const div = target.querySelector('div');
assert.equal(div.foo, 0);
raf.tick(50); raf.tick(50);
assert.equal(div.foo, 0.5); assert.equal(div.foo, 0.5);

1
test/runtime/samples/transition-js-local-and-global/_config.js
Unescape View File

@ -11,7 +11,6 @@ export default {
let divs = target.querySelectorAll('div'); let divs = target.querySelectorAll('div');
assert.equal(divs[0].foo, undefined); assert.equal(divs[0].foo, undefined);
assert.equal(divs[1].foo, 0);
raf.tick(50); raf.tick(50);
assert.equal(divs[0].foo, undefined); assert.equal(divs[0].foo, undefined);

1
test/runtime/samples/transition-js-local-nested-await/_config.js
Unescape View File

@ -16,7 +16,6 @@ export default {
return promise.then(() => { return promise.then(() => {
const div = target.querySelector('div'); const div = target.querySelector('div');
assert.equal(div.foo, 0);
raf.tick(100); raf.tick(100);
assert.equal(div.foo, 1); assert.equal(div.foo, 1);

1
test/runtime/samples/transition-js-local-nested-component/_config.js
Unescape View File

@ -7,7 +7,6 @@ export default {
component.x = true; component.x = true;
const div = target.querySelector('div'); const div = target.querySelector('div');
assert.equal(div.foo, 0);
raf.tick(100); raf.tick(100);
assert.equal(div.foo, 1); assert.equal(div.foo, 1);

1
test/runtime/samples/transition-js-local-nested-each-keyed/_config.js
Unescape View File

@ -18,7 +18,6 @@ export default {
const div2 = target.querySelector('div:last-child'); const div2 = target.querySelector('div:last-child');
assert.equal(div1.foo, undefined); assert.equal(div1.foo, undefined);
assert.equal(div2.foo, 0);
raf.tick(200); raf.tick(200);
assert.equal(div1.foo, undefined); assert.equal(div1.foo, undefined);

1
test/runtime/samples/transition-js-local-nested-each/_config.js
Unescape View File

@ -18,7 +18,6 @@ export default {
const div2 = target.querySelector('div:last-child'); const div2 = target.querySelector('div:last-child');
assert.equal(div1.foo, undefined); assert.equal(div1.foo, undefined);
assert.equal(div2.foo, 0);
raf.tick(200); raf.tick(200);
assert.equal(div1.foo, undefined); assert.equal(div1.foo, undefined);

1
test/runtime/samples/transition-js-nested-await/_config.js
Unescape View File

@ -16,7 +16,6 @@ export default {
return promise.then(() => { return promise.then(() => {
const div = target.querySelector('div'); const div = target.querySelector('div');
assert.equal(div.foo, 0);
raf.tick(100); raf.tick(100);
assert.equal(div.foo, 1); assert.equal(div.foo, 1);

1
test/runtime/samples/transition-js-nested-component/_config.js
Unescape View File

@ -7,7 +7,6 @@ export default {
component.x = true; component.x = true;
const div = target.querySelector('div'); const div = target.querySelector('div');
assert.equal(div.foo, 0);
raf.tick(100); raf.tick(100);
assert.equal(div.foo, 1); assert.equal(div.foo, 1);

1
test/runtime/samples/transition-js-nested-each-keyed/_config.js
Unescape View File

@ -8,7 +8,6 @@ export default {
component.x = true; component.x = true;
const div = target.querySelector('div'); const div = target.querySelector('div');
assert.equal(div.foo, 0);
raf.tick(100); raf.tick(100);
assert.equal(div.foo, 1); assert.equal(div.foo, 1);

1
test/runtime/samples/transition-js-nested-each/_config.js
Unescape View File

@ -8,7 +8,6 @@ export default {
component.x = true; component.x = true;
const div = target.querySelector('div'); const div = target.querySelector('div');
assert.equal(div.foo, 0);
raf.tick(100); raf.tick(100);
assert.equal(div.foo, 1); assert.equal(div.foo, 1);

1
test/runtime/samples/transition-js-nested-if/_config.js
Unescape View File

@ -8,7 +8,6 @@ export default {
component.x = true; component.x = true;
const div = target.querySelector('div'); const div = target.querySelector('div');
assert.equal(div.foo, 0);
raf.tick(100); raf.tick(100);
assert.equal(div.foo, 1); assert.equal(div.foo, 1);

1
test/runtime/samples/transition-js-nested-intro/_config.js
Unescape View File

@ -2,7 +2,6 @@ export default {
test({ assert, component, target, window, raf }) { test({ assert, component, target, window, raf }) {
component.visible = true; component.visible = true;
const div = target.querySelector('div'); const div = target.querySelector('div');
assert.equal(div.foo, 0);
raf.tick(50); raf.tick(50);
assert.equal(div.foo, 0); assert.equal(div.foo, 0);

1
test/runtime/samples/transition-js-parameterised-with-state/_config.js
Unescape View File

@ -6,7 +6,6 @@ export default {
test({ assert, component, target, window, raf }) { test({ assert, component, target, window, raf }) {
component.visible = true; component.visible = true;
const div = target.querySelector('div'); const div = target.querySelector('div');
assert.equal(div.foo, 0);
raf.tick(50); raf.tick(50);
assert.equal(div.foo, 100); assert.equal(div.foo, 100);

1
test/runtime/samples/transition-js-parameterised/_config.js
Unescape View File

@ -2,7 +2,6 @@ export default {
test({ assert, component, target, window, raf }) { test({ assert, component, target, window, raf }) {
component.visible = true; component.visible = true;
const div = target.querySelector('div'); const div = target.querySelector('div');
assert.equal(div.foo, 0);
raf.tick(50); raf.tick(50);
assert.equal(div.foo, 100); assert.equal(div.foo, 100);

1
test/runtime/samples/transition-js-slot/_config.js
Unescape View File

@ -10,7 +10,6 @@ export default {
test({ assert, component, target, window, raf }) { test({ assert, component, target, window, raf }) {
component.visible = true; component.visible = true;
const p = target.querySelector('p'); const p = target.querySelector('p');
assert.equal(p.foo, 0);
raf.tick(50); raf.tick(50);
assert.equal(p.foo, 0.5); assert.equal(p.foo, 0.5);

Write Preview
Loading…
Cancel
Save