summaryrefslogtreecommitdiff
path: root/spec/frontend/issuable/bulk_update_sidebar/components/status_dropdown_spec.js
diff options
context:
space:
mode:
Diffstat (limited to 'spec/frontend/issuable/bulk_update_sidebar/components/status_dropdown_spec.js')
-rw-r--r--spec/frontend/issuable/bulk_update_sidebar/components/status_dropdown_spec.js75
1 files changed, 0 insertions, 75 deletions
diff --git a/spec/frontend/issuable/bulk_update_sidebar/components/status_dropdown_spec.js b/spec/frontend/issuable/bulk_update_sidebar/components/status_dropdown_spec.js
deleted file mode 100644
index 2f281cb88f9..00000000000
--- a/spec/frontend/issuable/bulk_update_sidebar/components/status_dropdown_spec.js
+++ /dev/null
@@ -1,75 +0,0 @@
-import { GlDropdown, GlDropdownItem } from '@gitlab/ui';
-import { shallowMount } from '@vue/test-utils';
-import StatusDropdown from '~/issuable/bulk_update_sidebar/components/status_dropdown.vue';
-import { statusDropdownOptions } from '~/issuable/bulk_update_sidebar/constants';
-
-describe('SubscriptionsDropdown component', () => {
- let wrapper;
-
- const findDropdown = () => wrapper.findComponent(GlDropdown);
- const findAllDropdownItems = () => wrapper.findAllComponents(GlDropdownItem);
- const findHiddenInput = () => wrapper.find('input');
-
- function createComponent() {
- wrapper = shallowMount(StatusDropdown);
- }
-
- afterEach(() => {
- wrapper.destroy();
- });
-
- describe('with no value selected', () => {
- beforeEach(() => {
- createComponent();
- });
-
- it('renders default text', () => {
- expect(findDropdown().props('text')).toBe('Select status');
- });
-
- it('renders dropdown items with `is-checked` prop set to `false`', () => {
- const dropdownItems = findAllDropdownItems();
-
- expect(dropdownItems.at(0).props('isChecked')).toBe(false);
- expect(dropdownItems.at(1).props('isChecked')).toBe(false);
- });
- });
-
- describe('when selecting a value', () => {
- const selectItemAtIndex = 0;
-
- beforeEach(async () => {
- createComponent();
- await findAllDropdownItems().at(selectItemAtIndex).vm.$emit('click');
- });
-
- it('updates value of the hidden input', () => {
- expect(findHiddenInput().attributes('value')).toBe(
- statusDropdownOptions[selectItemAtIndex].value,
- );
- });
-
- it('updates the dropdown text prop', () => {
- expect(findDropdown().props('text')).toBe(statusDropdownOptions[selectItemAtIndex].text);
- });
-
- it('sets dropdown item `is-checked` prop to `true`', () => {
- const dropdownItems = findAllDropdownItems();
-
- expect(dropdownItems.at(0).props('isChecked')).toBe(true);
- expect(dropdownItems.at(1).props('isChecked')).toBe(false);
- });
-
- describe('when selecting the value that is already selected', () => {
- it('clears dropdown selection', async () => {
- await findAllDropdownItems().at(selectItemAtIndex).vm.$emit('click');
-
- const dropdownItems = findAllDropdownItems();
-
- expect(dropdownItems.at(0).props('isChecked')).toBe(false);
- expect(dropdownItems.at(1).props('isChecked')).toBe(false);
- expect(findDropdown().props('text')).toBe('Select status');
- });
- });
- });
-});