lmiller1990

<script>
...
data () {
  return {
    result: {},
    loaded: false
  }
},

mounted () {

lmiller1990

<template>
  <div>
    <Profile 
      v-if=”loaded”
      :profile-image=”result.profile.profile_image”
    />
  </div>
</template>

lmiller1990

<template>
 <div>
   <Profile 
     v-if=”loaded”
     :profile-image=”result.profile.profile_image”
     :profile-data=”result.profile”
   />
  </div>
</template>

lmiller1990

<template>
  <div>
    <img :src="profileImage">
    <div>
      Name: {{ profileData.name }}
    </div>
    <div>
      Location: {{ profileData.location }}
    </div>
    <div>

lmiller1990

storiesOf('Profile', module)
  .add('with a profile image', () => ({
    components: { Profile },
    data () {
      return {
        image: 'https://vuejs.org/images/logo.png',
        profileData: {
          name: 'Lachlan',
          location: 'Tokyo',
          about: 'Software dev, steem and AI/ML'

lmiller1990

<template>
 <div>
   <Profile 
     v-if=”loaded”
     :profile-image=”result.profile.profile_image”
     :profile-data=”result.profile”
   />
  </div>
</template>

lmiller1990

import { configure } from ‘@storybook/vue’
import Vue from ‘vue’
function loadStories () {
  require(‘../src/stories’)
}
configure(loadStories, module);

lmiller1990

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import ProfileView from '@/views/profile/Index'
import CreatePost from '@/views/posts/Create'

Vue.use(Router)

export default new Router({
  routes: [

lmiller1990

import { shallow } from 'vue-test-utils'
import Create from './Create'

describe('Create', () => {
  it('renders a Create Post title', () => {
    const wrapper = shallow(Create)
    expect(wrapper.find('.title').text()).toEqual('Create Post')
  })
})

lmiller1990

<template>
  <div>
    <div class="title">Create Post</div>
  </div>
</template>

<script>
  export default {
    name: 'Create'
  }