import navButton from "./nav-button"

import { shallowMount } from "@vue/test-utils";

describe('NavButton', () => {

    it('should display input when type is button', () => {
        const wrapper = shallowMount(navButton, {
            propsData: {
                text: "Hello",
                scenario: "test",
                type: "button"
            }
        });

        expect(wrapper.find('input').exists()).toBe(true);
        expect(wrapper.find('p').exists()).toBe(false);
    });

    it('should display p element when type is text', () => {
        const wrapper = shallowMount(navButton, {
            propsData: {
                text: "Hello",
                scenario: "test",
                type: "text"
            }
        });

        expect(wrapper.find('input').exists()).toBe(false);
        expect(wrapper.find('p').exists()).toBe(true);
    });

    

  });