Missing custom attributes in Vuetify element when shallowMount

[trollepierre]

Version

1.0.0-beta.22

Reproduction link

https://codesandbox.io/s/9z5oy2kn3y

Steps to reproduce

When I set some custom attributes in , I cannot see them in the generated snapshot

<template>
  <v-icon
      :style="{color: iconColor}"
      class="icon">
      {{ icon }}
    </v-icon>
</template>

<script>
export default {
  name: "TestComponent",
  props: {
      iconColor: { type: String, default: undefined },
    },
};
</script>

What is expected?

<v-icon-stub
  class="icon"
  style="color: yellow;"
>
cancel
</v-icon-stub>

What is actually happening?

<v-icon-stub
  fakeprops="fakeProps"
>
cancel
</v-icon-stub>

---

I noticed the fake-props are passing inside the snapshot. I think this is weird also

[eddyerburgh]

The issue here is the style attribute.

The functional component receives a raw data object, where static style values are converted to an object.

One imperfect solution I found is to stringify the object and replace double quotation marks with back ticks, but it's not great:

<v-icon-stub
  class="icon"
  style="`color`: `yellow`";
>

[trollepierre]

that would be better (as a first step) ^^