import { shallowMount } from '@vue/test-utils'
import TestComponent from '@/components/TestComponent.vue'

describe('TestComponent.vue', () => {
  it('Merender judul text', () => {
    const wrapper = shallowMount(TestComponent, {
      data() {
        return {
          title: 'Input Data'
        }
      }
    })
    expect(wrapper.find('.title').text()).toEqual('Input Data')
  })

  it('Menampilkan pesan ketika data sudah di submit', () => {
      const wrapper = shallowMount(TestComponent)

      wrapper.find(".name").setValue("fulana")
      wrapper.find("button").trigger("click")

      expect(wrapper.find(".success").text()).toBe("Thank You fulana")
  })

  it("Menampilkan pesan fulana jika isFulana bernilai true", () => {
    const wrapper = shallowMount(TestComponent, {
      propsData: {
        isFulana: true
      }
    })
    console.log(wrapper.html())
    expect(wrapper.find("h2").text()).toBe("Ente Fulana Euy!")
  })
})