mardi 1 décembre 2020

@vue/text-utils mount returns CSSStyleDeclaration { ..., undefined: 'Somevalue' } for .style element

I have a component Space.vue:

<template>
  <div class="space" :style="{ perspective: '800px', perspectiveOrigin: x + '% ' + y + '%' }">
</template>

When I try to test:

test('it should match the snapshot', () => {
  const wrapper = mount(Space);
  console.log(wrapper.element.style);
});

I'm getting this:

CSSStyleDeclaration {
  _values: {},
 _importants: {},
 _length: 0,
 _onChange: [Function (anonymous)],
 undefined: '50% 50%'
}

Anybody had this? Wanna check values of particular styles values after some event triggering (mousemove to be specific);

Aucun commentaire:

Enregistrer un commentaire