fix some tests

pull/10798/head
Rich Harris 2 years ago
parent 8e118d926c
commit 2ee9f2f3f9

@ -67,6 +67,8 @@ class Animation {
};
}
};
this._update();
}
_update() {

@ -17,14 +17,15 @@ export default test({
assert.equal(div.style.rotate, '360deg');
raf.tick(75);
assert.equal(div.style.scale, '0.75'); // intro continues while outro plays
assert.equal(div.style.opacity, '0.75');
assert.equal(div.style.rotate, '270deg');
// these numbers look wrong because they're not lerped... maybe we should fix that
assert.equal(div.style.scale, '0.8333333333333334'); // intro continues while outro plays
assert.equal(div.style.opacity, '0.8333333333333334');
assert.equal(div.style.rotate, '300deg');
component.visible = true;
assert.equal(div.style.scale, '0.8333333333333334');
// reset original styles
assert.equal(div.style.scale, '0.75');
assert.equal(div.style.opacity, '1');
assert.equal(div.style.rotate, '360deg');
}

@ -11,7 +11,7 @@ export default test({
btn?.click();
});
assert.htmlEqual(target.innerHTML, `<h1>Outside</h1><button>Hide</button>`);
assert.htmlEqual(target.innerHTML, `<h1>Outside</h1><button style="opacity: 0;">Hide</button>`);
raf.tick(100);

@ -11,7 +11,7 @@ export default test({
btn?.click();
});
assert.htmlEqual(target.innerHTML, `<h1>Outside</h1><button>Hide</button>`);
assert.htmlEqual(target.innerHTML, `<h1>Outside</h1><button style="opacity: 0;">Hide</button>`);
raf.tick(100);

@ -11,6 +11,6 @@ export default test({
btn1.click();
});
assert.htmlEqual(target.innerHTML, `<button>hide</button><div>hello</div>`);
assert.htmlEqual(target.innerHTML, `<button>hide</button><div style="opacity: 0;">hello</div>`);
}
});

@ -34,7 +34,7 @@ export default test({
assert.htmlEqual(
target.innerHTML,
`<button>show</button><button>animate</button><h1>Hello\n!</h1>`
`<button>show</button><button>animate</button><h1 style="opacity: 0;">Hello\n!</h1>`
);
}
});

Loading…
Cancel
Save