|
|
@ -6,7 +6,7 @@ import { nextFrame } from 'web/runtime/transition-util' |
|
|
|
if (!isIE9) { |
|
|
|
describe('Transition basic', () => { |
|
|
|
const { duration, buffer } = injectStyles() |
|
|
|
const explicitDuration = 100 |
|
|
|
const explicitDuration = duration * 2 |
|
|
|
|
|
|
|
let el |
|
|
|
beforeEach(() => { |
|
|
@ -877,7 +877,8 @@ if (!isIE9) { |
|
|
|
expect(`<transition> can only be used on a single element`).toHaveBeenWarned() |
|
|
|
}) |
|
|
|
|
|
|
|
it('explicit transition total duration', done => { |
|
|
|
describe('explicit durations -', () => { |
|
|
|
it('single value', done => { |
|
|
|
const vm = new Vue({ |
|
|
|
template: ` |
|
|
|
<div> |
|
|
@ -911,7 +912,7 @@ if (!isIE9) { |
|
|
|
}).then(done) |
|
|
|
}) |
|
|
|
|
|
|
|
it('explicit transition enter duration and auto leave duration', done => { |
|
|
|
it('enter and auto leave', done => { |
|
|
|
const vm = new Vue({ |
|
|
|
template: ` |
|
|
|
<div> |
|
|
@ -945,7 +946,7 @@ if (!isIE9) { |
|
|
|
}).then(done) |
|
|
|
}) |
|
|
|
|
|
|
|
it('explicit transition leave duration and auto enter duration', done => { |
|
|
|
it('leave and auto enter', done => { |
|
|
|
const vm = new Vue({ |
|
|
|
template: ` |
|
|
|
<div> |
|
|
@ -979,9 +980,9 @@ if (!isIE9) { |
|
|
|
}).then(done) |
|
|
|
}) |
|
|
|
|
|
|
|
it('explicit transition separate enter and leave duration', done => { |
|
|
|
const enter = 100 |
|
|
|
const leave = 200 |
|
|
|
it('separate enter and leave', done => { |
|
|
|
const enter = explicitDuration |
|
|
|
const leave = explicitDuration * 2 |
|
|
|
|
|
|
|
const vm = new Vue({ |
|
|
|
template: ` |
|
|
@ -1016,11 +1017,11 @@ if (!isIE9) { |
|
|
|
}).then(done) |
|
|
|
}) |
|
|
|
|
|
|
|
it('explicit transition enter and leave duration + duration change', done => { |
|
|
|
const enter1 = 200 |
|
|
|
const enter2 = 100 |
|
|
|
const leave1 = 50 |
|
|
|
const leave2 = 300 |
|
|
|
it('enter and leave + duration change', done => { |
|
|
|
const enter1 = explicitDuration * 2 |
|
|
|
const enter2 = explicitDuration |
|
|
|
const leave1 = explicitDuration * 0.5 |
|
|
|
const leave2 = explicitDuration * 3 |
|
|
|
|
|
|
|
const vm = new Vue({ |
|
|
|
template: ` |
|
|
@ -1080,7 +1081,7 @@ if (!isIE9) { |
|
|
|
}).then(done) |
|
|
|
}) |
|
|
|
|
|
|
|
it('warn invalid explicit durations', done => { |
|
|
|
it('warn invalid durations', done => { |
|
|
|
const vm = new Vue({ |
|
|
|
template: ` |
|
|
|
<div> |
|
|
@ -1104,4 +1105,5 @@ if (!isIE9) { |
|
|
|
}).then(done) |
|
|
|
}) |
|
|
|
}) |
|
|
|
}) |
|
|
|
} |
|
|
|