mirror of https://github.com/sveltejs/svelte
parent
bcc05f202d
commit
fb5ab8241b
@ -1,22 +1,24 @@
|
|||||||
import { ok, test } from '../../test';
|
import { ok, test } from '../../test';
|
||||||
|
|
||||||
export default test({
|
export default test({
|
||||||
skip: true,
|
|
||||||
test({ assert, component, target, raf }) {
|
test({ assert, component, target, raf }) {
|
||||||
component.visible = true;
|
component.visible = true;
|
||||||
const div = target.querySelector('div');
|
const div = target.querySelector('div');
|
||||||
ok(div);
|
ok(div);
|
||||||
|
|
||||||
assert.equal(div.style.opacity, '0');
|
assert.equal(div.style.color, 'blue');
|
||||||
|
|
||||||
component.visible = false;
|
component.visible = false;
|
||||||
assert.equal(div.style.opacity, '1');
|
assert.equal(div.style.color, 'yellow');
|
||||||
|
|
||||||
// change param
|
// change param
|
||||||
raf.tick(1);
|
raf.tick(1);
|
||||||
component.param = true;
|
component.param = true;
|
||||||
component.visible = 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');
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|||||||
Loading…
Reference in new issue