From 93a0d4c0996dae0eaa0ac74942965d5822c0f750 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?= Date: Thu, 10 Mar 2022 13:39:32 +0300 Subject: [PATCH] Create Fieldset.spec.js --- src/components/fieldset/Fieldset.spec.js | 31 ++++++++++++++++++++++++ 1 file changed, 31 insertions(+) create mode 100644 src/components/fieldset/Fieldset.spec.js diff --git a/src/components/fieldset/Fieldset.spec.js b/src/components/fieldset/Fieldset.spec.js new file mode 100644 index 000000000..2a5c495c5 --- /dev/null +++ b/src/components/fieldset/Fieldset.spec.js @@ -0,0 +1,31 @@ +import { mount } from '@vue/test-utils'; +import Fieldset from './Fieldset.vue'; + +describe('Fieldset.vue', () => { + let wrapper; + + beforeEach(() => { + wrapper = mount(Fieldset, { + props: { + legend: 'Header', + toggleable: true, + collapsed: true + }, + slots: { + default: `

Lorem ipsum dolor sit amet, consectetur adipiscing elit

` + } + }); + }); + + it('should exist', () => { + expect(wrapper.find('.p-fieldset.p-component').exists()).toBe(true); + expect(wrapper.find('.p-fieldset-legend').exists()).toBe(true); + expect(wrapper.find('.p-toggleable-content').exists()).toBe(true); + }); + + it('toggleable check', async () => { + await wrapper.setProps({ collapsed: false }); + wrapper.vm.toggle({}); + expect(wrapper.emitted()['update:collapsed'][0]).toEqual([true]); + }); +}); \ No newline at end of file