Skip to content

Instantly share code, notes, and snippets.

@lex111

lex111/MessageToggle.spec.js

Forked from eddyerburgh/MessageToggle.spec.js
Last active July 1, 2018 12:37
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save lex111/c941675d90b101d26126a829554a98f5 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save lex111/c941675d90b101d26126a829554a98f5 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. lex111 revised this gist Jul 1, 2018. 1 changed file with 3 additions and 3 deletions.
    6 changes: 3 additions & 3 deletions MessageToggle.spec.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,14 +1,14 @@
    import { shallowMount } from '@vue/test-utils'
    import { mount } from '@vue/test-utils'
    import MessageToggle from '@/components/MessageToggle.vue'

    describe('MessageToggle.vue', () => {
    it('displays default message', () => {
    const wrapper = shallowMount(MessageToggle)
    const wrapper = mount(MessageToggle)
    expect(wrapper.text()).toContain('default message')
    })

    it('toggles message when button is clicked', () => {
    const wrapper = shallowMount(MessageToggle)
    const wrapper = mount(MessageToggle)
    const button = wrapper.find('#toggle-message')
    const p = wrapper.find('p')

  2. lex111 revised this gist Jul 1, 2018. 1 changed file with 3 additions and 3 deletions.
    6 changes: 3 additions & 3 deletions MessageToggle.spec.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,14 +1,14 @@
    import { mount } from 'vue-test-utils'
    import { shallowMount } from '@vue/test-utils'
    import MessageToggle from '@/components/MessageToggle.vue'

    describe('MessageToggle.vue', () => {
    it('displays default message', () => {
    const wrapper = mount(MessageToggle)
    const wrapper = shallowMount(MessageToggle)
    expect(wrapper.text()).toContain('default message')
    })

    it('toggles message when button is clicked', () => {
    const wrapper = mount(MessageToggle)
    const wrapper = shallowMount(MessageToggle)
    const button = wrapper.find('#toggle-message')
    const p = wrapper.find('p')

  3. @eddyerburgh eddyerburgh created this gist Sep 8, 2017.
    23 changes: 23 additions & 0 deletions MessageToggle.spec.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,23 @@
    import { mount } from 'vue-test-utils'
    import MessageToggle from '@/components/MessageToggle.vue'

    describe('MessageToggle.vue', () => {
    it('displays default message', () => {
    const wrapper = mount(MessageToggle)
    expect(wrapper.text()).toContain('default message')
    })

    it('toggles message when button is clicked', () => {
    const wrapper = mount(MessageToggle)
    const button = wrapper.find('#toggle-message')
    const p = wrapper.find('p')

    button.trigger('click')

    expect(p.text()).toBe('message')

    button.trigger('click')

    expect(p.text()).toBe('toggled message')
    })
    })