Browse Source

adjust explicit transition duration tests

dev
Evan You 8 years ago
parent
commit
42492ffaf9
  1. 28
      test/unit/features/transition/transition.spec.js

28
test/unit/features/transition/transition.spec.js

@ -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)
})
})
})
}

Loading…
Cancel
Save