diff --git a/packages/runtime-dom/src/components/Transition.ts b/packages/runtime-dom/src/components/Transition.ts
index 46924117b1d..49ed2d4d5f9 100644
--- a/packages/runtime-dom/src/components/Transition.ts
+++ b/packages/runtime-dom/src/components/Transition.ts
@@ -27,6 +27,14 @@ export interface TransitionProps extends BaseTransitionProps<Element> {
   leaveToClass?: string
 }
 
+export interface ElementWithTransition extends HTMLElement {
+  // _vtc = Vue Transition Classes.
+  // Store the temporarily-added transition classes on the element
+  // so that we can avoid overwriting them if the element's class is patched
+  // during the transition.
+  _vtc?: Set<string>
+}
+
 // DOM Transition is a higher-order-component based on the platform-agnostic
 // base Transition component, with DOM-specific logic.
 export const Transition: FunctionalComponent<TransitionProps> = (
@@ -123,7 +131,6 @@ export function resolveTransitionProps(
       const resolve = () => finishEnter(el, isAppear, done)
       hook && hook(el, resolve)
       nextFrame(() => {
-        enableTransition(el)
         removeTransitionClass(el, isAppear ? appearFromClass : enterFromClass)
         addTransitionClass(el, isAppear ? appearToClass : enterToClass)
         if (!(hook && hook.length > 1)) {
@@ -133,30 +140,16 @@ export function resolveTransitionProps(
     }
   }
 
-  // see issue #2531, #2593
-  let cacheTransition: string
-  const disableTransition = (el: Element) => {
-    const style = (el as HTMLElement).style
-    cacheTransition = style.transition
-    style.transitionProperty = 'none'
-  }
-
-  const enableTransition = (el: Element) => {
-    ;(el as HTMLElement).style.transition = cacheTransition
-  }
-
   return extend(baseProps, {
     onBeforeEnter(el) {
       onBeforeEnter && onBeforeEnter(el)
       addTransitionClass(el, enterActiveClass)
       addTransitionClass(el, enterFromClass)
-      disableTransition(el)
     },
     onBeforeAppear(el) {
       onBeforeAppear && onBeforeAppear(el)
       addTransitionClass(el, appearActiveClass)
       addTransitionClass(el, appearFromClass)
-      disableTransition(el)
     },
     onEnter: makeEnterHook(false),
     onAppear: makeEnterHook(true),
@@ -164,9 +157,15 @@ export function resolveTransitionProps(
       const resolve = () => finishLeave(el, done)
       addTransitionClass(el, leaveActiveClass)
       addTransitionClass(el, leaveFromClass)
-      disableTransition(el)
+      // ref #2531, #2593
+      // disabling the transition before nextFrame ensures styles from
+      // *-leave-from and *-enter-from classes are applied instantly before
+      // the transition starts. This is applied for enter transition as well
+      // so that it accounts for `visibility: hidden` cases.
+      const cachedTransition = (el as HTMLElement).style.transitionProperty
+      ;(el as HTMLElement).style.transitionProperty = 'none'
       nextFrame(() => {
-        enableTransition(el)
+        ;(el as HTMLElement).style.transitionProperty = cachedTransition
         removeTransitionClass(el, leaveFromClass)
         addTransitionClass(el, leaveToClass)
         if (!(onLeave && onLeave.length > 1)) {
@@ -223,14 +222,6 @@ function validateDuration(val: unknown) {
   }
 }
 
-export interface ElementWithTransition extends HTMLElement {
-  // _vtc = Vue Transition Classes.
-  // Store the temporarily-added transition classes on the element
-  // so that we can avoid overwriting them if the element's class is patched
-  // during the transition.
-  _vtc?: Set<string>
-}
-
 export function addTransitionClass(el: Element, cls: string) {
   cls.split(/\s+/).forEach(c => c && el.classList.add(c))
   ;(
diff --git a/packages/vue/__tests__/Transition.spec.ts b/packages/vue/__tests__/Transition.spec.ts
index 2d3efcc595e..ee9b8cf6515 100644
--- a/packages/vue/__tests__/Transition.spec.ts
+++ b/packages/vue/__tests__/Transition.spec.ts
@@ -84,9 +84,7 @@ describe('e2e: Transition', () => {
           'v-enter-to'
         ])
         await transitionFinish()
-        expect(await html('#container')).toBe(
-          '<div class="test" style="">content</div>'
-        )
+        expect(await html('#container')).toBe('<div class="test">content</div>')
       },
       E2E_TIMEOUT
     )
@@ -142,9 +140,7 @@ describe('e2e: Transition', () => {
           'test-enter-to'
         ])
         await transitionFinish()
-        expect(await html('#container')).toBe(
-          '<div class="test" style="">content</div>'
-        )
+        expect(await html('#container')).toBe('<div class="test">content</div>')
       },
       E2E_TIMEOUT
     )
@@ -205,9 +201,7 @@ describe('e2e: Transition', () => {
           'hello-to'
         ])
         await transitionFinish()
-        expect(await html('#container')).toBe(
-          '<div class="test" style="">content</div>'
-        )
+        expect(await html('#container')).toBe('<div class="test">content</div>')
       },
       E2E_TIMEOUT
     )
@@ -269,9 +263,7 @@ describe('e2e: Transition', () => {
           'changed-enter-to'
         ])
         await transitionFinish()
-        expect(await html('#container')).toBe(
-          '<div class="test" style="">content</div>'
-        )
+        expect(await html('#container')).toBe('<div class="test">content</div>')
       },
       E2E_TIMEOUT
     )
@@ -375,9 +367,7 @@ describe('e2e: Transition', () => {
         ])
         expect(afterEnterSpy).not.toBeCalled()
         await transitionFinish()
-        expect(await html('#container')).toBe(
-          '<div class="test" style="">content</div>'
-        )
+        expect(await html('#container')).toBe('<div class="test">content</div>')
         expect(afterEnterSpy).toBeCalled()
       },
       E2E_TIMEOUT
@@ -486,9 +476,7 @@ describe('e2e: Transition', () => {
           'test-appear-to'
         ])
         await transitionFinish()
-        expect(await html('#container')).toBe(
-          '<div class="test" style="">content</div>'
-        )
+        expect(await html('#container')).toBe('<div class="test">content</div>')
 
         // leave
         expect(await classWhenTransitionStart()).toStrictEqual([
@@ -518,9 +506,7 @@ describe('e2e: Transition', () => {
           'test-enter-to'
         ])
         await transitionFinish()
-        expect(await html('#container')).toBe(
-          '<div class="test" style="">content</div>'
-        )
+        expect(await html('#container')).toBe('<div class="test">content</div>')
       },
       E2E_TIMEOUT
     )
@@ -623,9 +609,7 @@ describe('e2e: Transition', () => {
         ])
         expect(afterAppearSpy).not.toBeCalled()
         await transitionFinish()
-        expect(await html('#container')).toBe(
-          '<div class="test" style="">content</div>'
-        )
+        expect(await html('#container')).toBe('<div class="test">content</div>')
         expect(afterAppearSpy).toBeCalled()
 
         expect(beforeEnterSpy).not.toBeCalled()
@@ -669,9 +653,7 @@ describe('e2e: Transition', () => {
         ])
         expect(afterEnterSpy).not.toBeCalled()
         await transitionFinish()
-        expect(await html('#container')).toBe(
-          '<div class="test" style="">content</div>'
-        )
+        expect(await html('#container')).toBe('<div class="test">content</div>')
         expect(afterEnterSpy).toBeCalled()
       },
       E2E_TIMEOUT
@@ -792,9 +774,7 @@ describe('e2e: Transition', () => {
           'noop-enter-from'
         ])
         await nextFrame()
-        expect(await html('#container')).toBe(
-          '<div class="" style="">content</div>'
-        )
+        expect(await html('#container')).toBe('<div class="">content</div>')
       },
       E2E_TIMEOUT
     )
@@ -846,9 +826,7 @@ describe('e2e: Transition', () => {
           'test-anim-enter-to'
         ])
         await transitionFinish()
-        expect(await html('#container')).toBe(
-          '<div class="" style="">content</div>'
-        )
+        expect(await html('#container')).toBe('<div class="">content</div>')
       },
       E2E_TIMEOUT
     )
@@ -910,9 +888,7 @@ describe('e2e: Transition', () => {
           'test-anim-long-enter-to'
         ])
         await transitionFinish(duration * 2)
-        expect(await html('#container')).toBe(
-          '<div class="" style="">content</div>'
-        )
+        expect(await html('#container')).toBe('<div class="">content</div>')
       },
       E2E_TIMEOUT
     )
@@ -982,7 +958,7 @@ describe('e2e: Transition', () => {
         ])
         await transitionFinish()
         expect(await html('#container')).toBe(
-          '<circle cx="0" cy="0" r="10" class="test" style=""></circle>'
+          '<circle cx="0" cy="0" r="10" class="test"></circle>'
         )
       },
       E2E_TIMEOUT
@@ -1040,9 +1016,7 @@ describe('e2e: Transition', () => {
           'test-enter-to'
         ])
         await transitionFinish()
-        expect(await html('#container')).toBe(
-          '<div class="test" style="">content</div>'
-        )
+        expect(await html('#container')).toBe('<div class="test">content</div>')
       },
       E2E_TIMEOUT
     )
@@ -1099,9 +1073,7 @@ describe('e2e: Transition', () => {
           'test-enter-to'
         ])
         await transitionFinish()
-        expect(await html('#container')).toBe(
-          '<div class="test" style="">two</div>'
-        )
+        expect(await html('#container')).toBe('<div class="test">two</div>')
 
         // change view -> 'one'
         await page().evaluate(() => {
@@ -1169,12 +1141,10 @@ describe('e2e: Transition', () => {
         expect(onEnterSpy).toBeCalledTimes(1)
         await nextFrame()
         expect(await html('#container')).toBe(
-          '<div class="test v-enter-active v-enter-to" style="">content</div>'
+          '<div class="test v-enter-active v-enter-to">content</div>'
         )
         await transitionFinish()
-        expect(await html('#container')).toBe(
-          '<div class="test" style="">content</div>'
-        )
+        expect(await html('#container')).toBe('<div class="test">content</div>')
 
         // leave
         expect(await classWhenTransitionStart()).toStrictEqual([
@@ -1218,9 +1188,7 @@ describe('e2e: Transition', () => {
           'v-enter-to'
         ])
         await transitionFinish()
-        expect(await html('#container')).toBe(
-          '<div class="test" style="">content</div>'
-        )
+        expect(await html('#container')).toBe('<div class="test">content</div>')
       },
       E2E_TIMEOUT
     )
@@ -1279,9 +1247,7 @@ describe('e2e: Transition', () => {
           'v-enter-to'
         ])
         await transitionFinish()
-        expect(await html('#container')).toBe(
-          '<div class="test" style="">content</div>'
-        )
+        expect(await html('#container')).toBe('<div class="test">content</div>')
       },
       E2E_TIMEOUT
     )
@@ -1330,12 +1296,10 @@ describe('e2e: Transition', () => {
 
         await nextFrame()
         expect(await html('#container')).toBe(
-          '<div class="test v-enter-active v-enter-to" style="">one</div>'
+          '<div class="test v-enter-active v-enter-to">one</div>'
         )
         await transitionFinish()
-        expect(await html('#container')).toBe(
-          '<div class="test" style="">one</div>'
-        )
+        expect(await html('#container')).toBe('<div class="test">one</div>')
 
         // leave
         await classWhenTransitionStart()
@@ -1346,12 +1310,10 @@ describe('e2e: Transition', () => {
         await transitionFinish()
         await nextFrame()
         expect(await html('#container')).toBe(
-          '<div class="test v-enter-active v-enter-to" style="">two</div>'
+          '<div class="test v-enter-active v-enter-to">two</div>'
         )
         await transitionFinish()
-        expect(await html('#container')).toBe(
-          '<div class="test" style="">two</div>'
-        )
+        expect(await html('#container')).toBe('<div class="test">two</div>')
       },
       E2E_TIMEOUT
     )
@@ -1626,9 +1588,7 @@ describe('e2e: Transition', () => {
           'test-appear-to'
         ])
         await transitionFinish()
-        expect(await html('#container')).toBe(
-          '<div class="test" style="">content</div>'
-        )
+        expect(await html('#container')).toBe('<div class="test">content</div>')
 
         // leave
         expect(await classWhenTransitionStart()).toStrictEqual([
@@ -1735,9 +1695,7 @@ describe('e2e: Transition', () => {
           'test-enter-to'
         ])
         await transitionFinish(duration * 2)
-        expect(await html('#container')).toBe(
-          '<div class="test" style="">content</div>'
-        )
+        expect(await html('#container')).toBe('<div class="test">content</div>')
       },
       E2E_TIMEOUT
     )
@@ -1793,9 +1751,7 @@ describe('e2e: Transition', () => {
           'test-enter-to'
         ])
         await transitionFinish(duration * 2)
-        expect(await html('#container')).toBe(
-          '<div class="test" style="">content</div>'
-        )
+        expect(await html('#container')).toBe('<div class="test">content</div>')
       },
       E2E_TIMEOUT
     )
@@ -1851,9 +1807,7 @@ describe('e2e: Transition', () => {
           'test-enter-to'
         ])
         await transitionFinish()
-        expect(await html('#container')).toBe(
-          '<div class="test" style="">content</div>'
-        )
+        expect(await html('#container')).toBe('<div class="test">content</div>')
       },
       E2E_TIMEOUT
     )
@@ -1912,9 +1866,7 @@ describe('e2e: Transition', () => {
           'test-enter-to'
         ])
         await transitionFinish(200)
-        expect(await html('#container')).toBe(
-          '<div class="test" style="">content</div>'
-        )
+        expect(await html('#container')).toBe('<div class="test">content</div>')
       },
       E2E_TIMEOUT
     )
diff --git a/packages/vue/__tests__/TransitionGroup.spec.ts b/packages/vue/__tests__/TransitionGroup.spec.ts
index 9c82d6700c2..c3d2aa28ec4 100644
--- a/packages/vue/__tests__/TransitionGroup.spec.ts
+++ b/packages/vue/__tests__/TransitionGroup.spec.ts
@@ -8,6 +8,7 @@ describe('e2e: TransitionGroup', () => {
 
   const duration = 50
   const buffer = 5
+  const transitionDisableProp = `style="transition-property: none;"`
 
   const htmlWhenTransitionStart = () =>
     page().evaluate(() => {
@@ -55,24 +56,24 @@ describe('e2e: TransitionGroup', () => {
         `<div class="test">a</div>` +
           `<div class="test">b</div>` +
           `<div class="test">c</div>` +
-          `<div class="test test-enter-active test-enter-from" style="transition-property: none;">d</div>` +
-          `<div class="test test-enter-active test-enter-from" style="transition-property: none;">e</div>`
+          `<div class="test test-enter-active test-enter-from">d</div>` +
+          `<div class="test test-enter-active test-enter-from">e</div>`
       )
       await nextFrame()
       expect(await html('#container')).toBe(
         `<div class="test">a</div>` +
           `<div class="test">b</div>` +
           `<div class="test">c</div>` +
-          `<div class="test test-enter-active test-enter-to" style="">d</div>` +
-          `<div class="test test-enter-active test-enter-to" style="">e</div>`
+          `<div class="test test-enter-active test-enter-to">d</div>` +
+          `<div class="test test-enter-active test-enter-to">e</div>`
       )
       await transitionFinish()
       expect(await html('#container')).toBe(
         `<div class="test">a</div>` +
           `<div class="test">b</div>` +
           `<div class="test">c</div>` +
-          `<div class="test" style="">d</div>` +
-          `<div class="test" style="">e</div>`
+          `<div class="test">d</div>` +
+          `<div class="test">e</div>`
       )
     },
     E2E_TIMEOUT
@@ -106,9 +107,9 @@ describe('e2e: TransitionGroup', () => {
       )
 
       expect(await htmlWhenTransitionStart()).toBe(
-        `<div class="test test-leave-active test-leave-from" style="transition-property: none;">a</div>` +
+        `<div class="test test-leave-active test-leave-from" ${transitionDisableProp}>a</div>` +
           `<div class="test">b</div>` +
-          `<div class="test test-leave-active test-leave-from" style="transition-property: none;">c</div>`
+          `<div class="test test-leave-active test-leave-from" ${transitionDisableProp}>c</div>`
       )
       await nextFrame()
       expect(await html('#container')).toBe(
@@ -150,23 +151,23 @@ describe('e2e: TransitionGroup', () => {
       )
 
       expect(await htmlWhenTransitionStart()).toBe(
-        `<div class="test test-leave-active test-leave-from" style="transition-property: none;">a</div>` +
+        `<div class="test test-leave-active test-leave-from" ${transitionDisableProp}>a</div>` +
           `<div class="test">b</div>` +
           `<div class="test">c</div>` +
-          `<div class="test test-enter-active test-enter-from" style="transition-property: none;">d</div>`
+          `<div class="test test-enter-active test-enter-from">d</div>`
       )
       await nextFrame()
       expect(await html('#container')).toBe(
         `<div class="test test-leave-active test-leave-to" style="">a</div>` +
           `<div class="test">b</div>` +
           `<div class="test">c</div>` +
-          `<div class="test test-enter-active test-enter-to" style="">d</div>`
+          `<div class="test test-enter-active test-enter-to">d</div>`
       )
       await transitionFinish()
       expect(await html('#container')).toBe(
         `<div class="test">b</div>` +
           `<div class="test">c</div>` +
-          `<div class="test" style="">d</div>`
+          `<div class="test">d</div>`
       )
     },
     E2E_TIMEOUT
@@ -202,46 +203,46 @@ describe('e2e: TransitionGroup', () => {
       })
       // appear
       expect(appearHtml).toBe(
-        `<div class="test test-appear-active test-appear-from" style="transition-property: none;">a</div>` +
-          `<div class="test test-appear-active test-appear-from" style="transition-property: none;">b</div>` +
-          `<div class="test test-appear-active test-appear-from" style="transition-property: none;">c</div>`
+        `<div class="test test-appear-active test-appear-from">a</div>` +
+          `<div class="test test-appear-active test-appear-from">b</div>` +
+          `<div class="test test-appear-active test-appear-from">c</div>`
       )
       await nextFrame()
       expect(await html('#container')).toBe(
-        `<div class="test test-appear-active test-appear-to" style="">a</div>` +
-          `<div class="test test-appear-active test-appear-to" style="">b</div>` +
-          `<div class="test test-appear-active test-appear-to" style="">c</div>`
+        `<div class="test test-appear-active test-appear-to">a</div>` +
+          `<div class="test test-appear-active test-appear-to">b</div>` +
+          `<div class="test test-appear-active test-appear-to">c</div>`
       )
       await transitionFinish()
       expect(await html('#container')).toBe(
-        `<div class="test" style="">a</div>` +
-          `<div class="test" style="">b</div>` +
-          `<div class="test" style="">c</div>`
+        `<div class="test">a</div>` +
+          `<div class="test">b</div>` +
+          `<div class="test">c</div>`
       )
 
       // enter
       expect(await htmlWhenTransitionStart()).toBe(
-        `<div class="test" style="">a</div>` +
-          `<div class="test" style="">b</div>` +
-          `<div class="test" style="">c</div>` +
-          `<div class="test test-enter-active test-enter-from" style="transition-property: none;">d</div>` +
-          `<div class="test test-enter-active test-enter-from" style="transition-property: none;">e</div>`
+        `<div class="test">a</div>` +
+          `<div class="test">b</div>` +
+          `<div class="test">c</div>` +
+          `<div class="test test-enter-active test-enter-from">d</div>` +
+          `<div class="test test-enter-active test-enter-from">e</div>`
       )
       await nextFrame()
       expect(await html('#container')).toBe(
-        `<div class="test" style="">a</div>` +
-          `<div class="test" style="">b</div>` +
-          `<div class="test" style="">c</div>` +
-          `<div class="test test-enter-active test-enter-to" style="">d</div>` +
-          `<div class="test test-enter-active test-enter-to" style="">e</div>`
+        `<div class="test">a</div>` +
+          `<div class="test">b</div>` +
+          `<div class="test">c</div>` +
+          `<div class="test test-enter-active test-enter-to">d</div>` +
+          `<div class="test test-enter-active test-enter-to">e</div>`
       )
       await transitionFinish()
       expect(await html('#container')).toBe(
-        `<div class="test" style="">a</div>` +
-          `<div class="test" style="">b</div>` +
-          `<div class="test" style="">c</div>` +
-          `<div class="test" style="">d</div>` +
-          `<div class="test" style="">e</div>`
+        `<div class="test">a</div>` +
+          `<div class="test">b</div>` +
+          `<div class="test">c</div>` +
+          `<div class="test">d</div>` +
+          `<div class="test">e</div>`
       )
     },
     E2E_TIMEOUT
@@ -275,21 +276,21 @@ describe('e2e: TransitionGroup', () => {
       )
 
       expect(await htmlWhenTransitionStart()).toBe(
-        `<div class="test group-enter-active group-enter-from" style="transition-property: none;">d</div>` +
+        `<div class="test group-enter-active group-enter-from">d</div>` +
           `<div class="test">b</div>` +
           `<div class="test group-move" style="">a</div>` +
-          `<div class="test group-leave-active group-leave-from group-move" style="transition-property: none;">c</div>`
+          `<div class="test group-leave-active group-leave-from group-move" ${transitionDisableProp}>c</div>`
       )
       await nextFrame()
       expect(await html('#container')).toBe(
-        `<div class="test group-enter-active group-enter-to" style="">d</div>` +
+        `<div class="test group-enter-active group-enter-to">d</div>` +
           `<div class="test">b</div>` +
           `<div class="test group-move" style="">a</div>` +
           `<div class="test group-leave-active group-move group-leave-to" style="">c</div>`
       )
       await transitionFinish(duration * 2)
       expect(await html('#container')).toBe(
-        `<div class="test" style="">d</div>` +
+        `<div class="test">d</div>` +
           `<div class="test">b</div>` +
           `<div class="test" style="">a</div>`
       )
@@ -440,31 +441,31 @@ describe('e2e: TransitionGroup', () => {
       expect(onAppearSpy).toBeCalled()
       expect(afterAppearSpy).not.toBeCalled()
       expect(appearHtml).toBe(
-        `<div class="test test-appear-active test-appear-from" style="transition-property: none;">a</div>` +
-          `<div class="test test-appear-active test-appear-from" style="transition-property: none;">b</div>` +
-          `<div class="test test-appear-active test-appear-from" style="transition-property: none;">c</div>`
+        `<div class="test test-appear-active test-appear-from">a</div>` +
+          `<div class="test test-appear-active test-appear-from">b</div>` +
+          `<div class="test test-appear-active test-appear-from">c</div>`
       )
       await nextFrame()
       expect(afterAppearSpy).not.toBeCalled()
       expect(await html('#container')).toBe(
-        `<div class="test test-appear-active test-appear-to" style="">a</div>` +
-          `<div class="test test-appear-active test-appear-to" style="">b</div>` +
-          `<div class="test test-appear-active test-appear-to" style="">c</div>`
+        `<div class="test test-appear-active test-appear-to">a</div>` +
+          `<div class="test test-appear-active test-appear-to">b</div>` +
+          `<div class="test test-appear-active test-appear-to">c</div>`
       )
       await transitionFinish()
       expect(afterAppearSpy).toBeCalled()
       expect(await html('#container')).toBe(
-        `<div class="test" style="">a</div>` +
-          `<div class="test" style="">b</div>` +
-          `<div class="test" style="">c</div>`
+        `<div class="test">a</div>` +
+          `<div class="test">b</div>` +
+          `<div class="test">c</div>`
       )
 
       // enter + leave
       expect(await htmlWhenTransitionStart()).toBe(
-        `<div class="test test-leave-active test-leave-from" style="transition-property: none;">a</div>` +
-          `<div class="test" style="">b</div>` +
-          `<div class="test" style="">c</div>` +
-          `<div class="test test-enter-active test-enter-from" style="transition-property: none;">d</div>`
+        `<div class="test test-leave-active test-leave-from" ${transitionDisableProp}>a</div>` +
+          `<div class="test">b</div>` +
+          `<div class="test">c</div>` +
+          `<div class="test test-enter-active test-enter-from">d</div>`
       )
       expect(beforeLeaveSpy).toBeCalled()
       expect(onLeaveSpy).toBeCalled()
@@ -475,17 +476,17 @@ describe('e2e: TransitionGroup', () => {
       await nextFrame()
       expect(await html('#container')).toBe(
         `<div class="test test-leave-active test-leave-to" style="">a</div>` +
-          `<div class="test" style="">b</div>` +
-          `<div class="test" style="">c</div>` +
-          `<div class="test test-enter-active test-enter-to" style="">d</div>`
+          `<div class="test">b</div>` +
+          `<div class="test">c</div>` +
+          `<div class="test test-enter-active test-enter-to">d</div>`
       )
       expect(afterLeaveSpy).not.toBeCalled()
       expect(afterEnterSpy).not.toBeCalled()
       await transitionFinish()
       expect(await html('#container')).toBe(
-        `<div class="test" style="">b</div>` +
-          `<div class="test" style="">c</div>` +
-          `<div class="test" style="">d</div>`
+        `<div class="test">b</div>` +
+          `<div class="test">c</div>` +
+          `<div class="test">d</div>`
       )
       expect(afterLeaveSpy).toBeCalled()
       expect(afterEnterSpy).toBeCalled()