vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

- fix Image.spec.js, Inplace.spec.js, InputChips.spec.js

pull/6170/head
uros 2024-08-01 21:20:37 +02:00
parent 7c308fe41b
commit cdcee4ca8a
3 changed files with 10 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/primevue/src/image/Image.spec.js
View File

@ -34,9 +34,9 @@ describe('Image.vue', () => {
} }
}); });
expect(wrapper.find('.p-image-preview-container').exists()).toBe(true); expect(wrapper.find('.p-image-preview').exists()).toBe(true);
expect(wrapper.find('.p-image-preview-indicator').exists()).toBe(true); expect(wrapper.find('.p-image-toolbar').exists()).toBe(false);
expect(wrapper.find('.p-image-mask').exists()).toBe(false); expect(wrapper.find('.p-image-preview-mask').exists()).toBe(true);
await wrapper.setData({ maskVisible: true }); await wrapper.setData({ maskVisible: true });

52
packages/primevue/src/inplace/Inplace.spec.js
View File

@ -35,56 +35,4 @@ describe('Inplace.vue', () => {
expect(wrapper.emitted()['update:active'][1]).toEqual([false]); expect(wrapper.emitted()['update:active'][1]).toEqual([false]);
}); });
it('closable inplace', async () => {
const wrapper = mount(Inplace, {
global: {
components: {
InputText
}
},
props: {
closable: true
},
slots: {
display: `{{'Click to Edit'}}`,
content: `<InputText autofocus />`
}
});
expect(wrapper.find('.p-inplace-closable').exists()).toBe(true);
expect(wrapper.find('.p-inplace-display').text()).toBe('Click to Edit');
await wrapper.vm.open({});
expect(wrapper.find('.p-inputtext').exists()).toBe(true);
expect(wrapper.find('.p-inplace-content').exists()).toBe(true);
await wrapper.vm.close({});
expect(wrapper.find('.p-inplace-display').exists()).toBe(true);
expect(wrapper.find('.p-inplace-content').exists()).toBe(false);
});
it('should have custom close icon', async () => {
const wrapper = mount(Inplace, {
global: {
components: {
InputText
}
},
props: {
closable: true,
closeIcon: 'pi pi-discord'
},
slots: {
display: `{{'Click to Edit'}}`,
content: `<InputText autofocus />`
}
});
await wrapper.vm.open({});
expect(wrapper.find('.pi.pi-discord').exists()).toBe(true);
});
}); });

14
packages/primevue/src/inputchips/InputChips.spec.js
View File

@ -14,8 +14,8 @@ describe('InputChips.vue', () => {
it('should exist', () => { it('should exist', () => {
expect(wrapper.find('.p-inputchips.p-component.p-inputwrapper').exists()).toBe(true); expect(wrapper.find('.p-inputchips.p-component.p-inputwrapper').exists()).toBe(true);
expect(wrapper.find('ul.p-inputchips-multiple-container').exists()).toBe(true); expect(wrapper.find('ul.p-inputwrapper-filled').exists()).toBe(false);
expect(wrapper.find('li.p-inputchips-input-token').exists()).toBe(true); expect(wrapper.find('li.p-inputchips-input-item').exists()).toBe(true);
}); });
it('should add item', async () => { it('should add item', async () => {
@ -26,18 +26,18 @@ describe('InputChips.vue', () => {
await wrapper.setProps({ modelValue: ['PrimeVue'] }); await wrapper.setProps({ modelValue: ['PrimeVue'] });
expect(addItem).toHaveBeenCalled(); expect(addItem).toHaveBeenCalled();
expect(wrapper.findAll('.p-inputchips-token').length).toBe(1); expect(wrapper.findAll('.p-chip').length).toBe(1);
expect(wrapper.find('.p-inputchips-token-label').exists()).toBe(true); expect(wrapper.find('.p-chip-label').exists()).toBe(true);
expect(wrapper.find('.p-inputchips-token-label').text()).toBe('PrimeVue'); expect(wrapper.find('.p-chip-label').text()).toBe('PrimeVue');
}); });
it('should have correct custom chip removal icon', async () => { it('should have correct custom chip removal icon', async () => {
await wrapper.setProps({ await wrapper.setProps({
modelValue: ['foo', 'bar'], modelValue: ['foo', 'bar'],
removeTokenIcon: 'pi pi-discord' chipIcon: 'pi pi-discord'
}); });
const icon = wrapper.find('.p-inputchips-token-icon'); const icon = wrapper.find('[data-pc-section="removeicon"]');
expect(icon.classes()).toContain('pi-discord'); expect(icon.classes()).toContain('pi-discord');
}); });