Skip to content

Instantly share code, notes, and snippets.

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: [
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')
})
})
<template>
<div>
<div class="title">Create Post</div>
</div>
</template>
<script>
export default {
name: 'Create'
}
<template>
<div>
<textarea
:value="value"
@input="handleInput"
/>
</div>
</template>
<script>
import { shallow } from 'vue-test-utils'
import CreateDescription from './CreateDescription'
describe('CreateDescription', () => {
it('emits a input event with the entered value', () => {
const wrapper = shallow(CreateDescription, {
propsData: {
value: ''
}
})
<template>
<div>
{{ content }}
<CreatePost>
<CreateDescription
slot="description"
v-model="content"
/>
</CreatePost>
</div>
<template>
<div>
Create Post Component
<slot name="description" />
</div>
</template>
<script>
export default {
name: 'CreatePost'
<template>
<div>
<div class="title">Create Post</div>
<CreatePostContainer />
</div>
</template>
<script>
import CreatePostContainer from '@/components/posts/CreatePostContainer'
import { shallow } from 'vue-test-utils'
import SubmitButton from './SubmitButton'
describe('SubmitButton', () => {
const factory = (values = {}) => {
return shallow(SubmitButton, {
propsData: values
})
}
<template>
<div>
Create Post Component
<form @submit.prevent="$emit('submit')">
<slot name="description" />
<slot name="submit" />
</form>
</div>
</template>