fix: return array of classes from classes method

Author: eddyerburgh

package.json

@@ -61,7 +61,7 @@
     "gitbook-plugin-edit-link": "^2.0.2",
     "gitbook-plugin-github": "^3.0.0",
     "gitbook-plugin-theme-vuejs": "^1.1.0",
-    "jsdom": "^11.0.0",
+    "jsdom": "^11.5.1",
     "jsdom-global": "^3.0.2",
     "karma": "^1.7.0",
     "karma-chrome-launcher": "^2.2.0",

src/lib/create-functional-component.js

@@ -54,6 +54,7 @@ export default function createFunctionalComponent (component: Component, mountin
         mountingOptions.context || component.FunctionalRenderContext,
         (mountingOptions.context && mountingOptions.context.children && mountingOptions.context.children.map(x => typeof x === 'function' ? x(h) : x)) || createFunctionalSlots(mountingOptions.slots, h)
       )
-    }
+    },
+    name: component.name
   }
 }

src/wrappers/wrapper.js

@@ -49,7 +49,7 @@ export default class Wrapper implements BaseWrapper {
    * Returns an Array containing all the classes on the element
    */
   classes (): Array<string> {
-    let classes = [...this.element.classList]
+    let classes = this.element.className ? this.element.className.split(' ') : []
     // Handle converting cssmodules identifiers back to the original class name
     if (this.vm && this.vm.$style) {
       const cssModuleIdentifiers = {}

test/unit/specs/mount/Wrapper/classes.spec.js

@@ -7,18 +7,18 @@ describe('classes', () => {
   it('returns array of class names if wrapper has class names', () => {
     const compiled = compileToFunctions('<div class="a-class b-class" />')
     const wrapper = mount(compiled)
-    expect(wrapper.classes()).to.eql(['a-class', 'b-class'])
+    expect(wrapper.classes()).to.contain('a-class')
+    expect(wrapper.classes()).to.contain('b-class')
   })
 
   it('returns empty array if wrapper has no classes', () => {
     const compiled = compileToFunctions('<div />')
     const wrapper = mount(compiled)
-    expect(wrapper.classes()).to.eql([])
+    expect(wrapper.classes().length).to.equal(0)
   })
 
   it('returns original class names when element mapped in css modules', () => {
     const wrapper = mount(ComponentWithCssModules)
-
     expect(wrapper.classes()).to.eql(['extension', 'color-red'])
   })
 })