pull/12453/head
Rich Harris 2 years ago
parent bcc05f202d
commit fb5ab8241b

@ -1,22 +1,24 @@
import { ok, test } from '../../test';
export default test({
skip: true,
test({ assert, component, target, raf }) {
component.visible = true;
const div = target.querySelector('div');
ok(div);
assert.equal(div.style.opacity, '0');
assert.equal(div.style.color, 'blue');
component.visible = false;
assert.equal(div.style.opacity, '1');
assert.equal(div.style.color, 'yellow');
// change param
raf.tick(1);
component.param = true;
component.visible = true;
assert.equal(div.style.opacity, '1');
assert.equal(div.style.color, 'red');
component.visible = false;
assert.equal(div.style.color, 'green');
}
});

@ -4,18 +4,18 @@
function getInParam() {
return {
duration: param ? 20 : 10,
css: t => {
return `opacity: ${t}`;
duration: 100,
css: (t) => {
return `color: ${param ? 'red' : 'blue'}`;
}
};
}
function getOutParam() {
return {
duration: param ? 15 : 5,
css: t => {
return `opacity: ${t}`;
duration: 100,
css: (t) => {
return `color: ${param ? 'green' : 'yellow'}`;
}
};
}

Loading…
Cancel
Save