diff options
author | GitLab Bot <gitlab-bot@gitlab.com> | 2022-12-20 17:22:11 +0300 |
---|---|---|
committer | GitLab Bot <gitlab-bot@gitlab.com> | 2022-12-20 17:22:11 +0300 |
commit | 0c872e02b2c822e3397515ec324051ff540f0cd5 (patch) | |
tree | ce2fb6ce7030e4dad0f4118d21ab6453e5938cdd /spec/frontend/admin/broadcast_messages/components/datetime_picker_spec.js | |
parent | f7e05a6853b12f02911494c4b3fe53d9540d74fc (diff) |
Add latest changes from gitlab-org/gitlab@15-7-stable-eev15.7.0-rc42
Diffstat (limited to 'spec/frontend/admin/broadcast_messages/components/datetime_picker_spec.js')
-rw-r--r-- | spec/frontend/admin/broadcast_messages/components/datetime_picker_spec.js | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/spec/frontend/admin/broadcast_messages/components/datetime_picker_spec.js b/spec/frontend/admin/broadcast_messages/components/datetime_picker_spec.js new file mode 100644 index 00000000000..291c3aed1cf --- /dev/null +++ b/spec/frontend/admin/broadcast_messages/components/datetime_picker_spec.js @@ -0,0 +1,46 @@ +import { mount } from '@vue/test-utils'; +import { GlDatepicker } from '@gitlab/ui'; +import DatetimePicker from '~/admin/broadcast_messages/components/datetime_picker.vue'; + +describe('DatetimePicker', () => { + let wrapper; + + const toDate = (day, time) => new Date(`${day}T${time}:00.000Z`); + const findDatepicker = () => wrapper.findComponent(GlDatepicker); + const findTimepicker = () => wrapper.findComponent('[data-testid="time-picker"]'); + + const testDay = '2022-03-22'; + const testTime = '01:23'; + + function createComponent() { + wrapper = mount(DatetimePicker, { + propsData: { + value: toDate(testDay, testTime), + }, + }); + } + + beforeEach(() => { + createComponent(); + }); + + it('renders the Date in the datepicker and timepicker inputs', () => { + expect(findDatepicker().props().value).toEqual(toDate(testDay, testTime)); + expect(findTimepicker().element.value).toEqual(testTime); + }); + + it('emits Date with the new day/old time when the date picker changes', () => { + const newDay = '1992-06-30'; + const newTime = '08:00'; + + findDatepicker().vm.$emit('input', toDate(newDay, newTime)); + expect(wrapper.emitted().input).toEqual([[toDate(newDay, testTime)]]); + }); + + it('emits Date with the old day/new time when the time picker changes', () => { + const newTime = '08:00'; + + findTimepicker().vm.$emit('input', newTime); + expect(wrapper.emitted().input).toEqual([[toDate(testDay, newTime)]]); + }); +}); |