vue-linkify/test/unit/index.js

A simple Vue directive to turn URL's and emails into clickable links

import Vue from 'vue'
import linkified from '../../dist/vue-linkify.min.js'

Vue.directive('linkified', linkified)

describe('vue-linkify', () => {
  it('should correctly linkify content', () => {
    const vm = new Vue({
      el: document.createElement('div'),
      data: { raw: 'Hello from vuejs.org' },
      template: '<div v-html="raw" v-linkified />'
    }).$mount()

    expect(vm.$el.innerHTML).to.be
      .equal('Hello from <a href="http://vuejs.org" class="linkified" target="_blank">vuejs.org</a>')
  })

  it('should correctly linkify content with options', () => {
    const vm = new Vue({
      el: document.createElement('div'),
      data: { raw: 'Hello from vuejs.org' },
      template: '<div v-html="raw" v-linkified:options="{ className: \'foo\' }" />'
    }).$mount()

    expect(vm.$el.innerHTML).to.be
      .equal('Hello from <a href="http://vuejs.org" class="foo" target="_blank">vuejs.org</a>')
  })
})