summaryrefslogtreecommitdiff
path: root/spec/javascripts/vue_mr_widget/components/states/commit_edit_spec.js
diff options
context:
space:
mode:
Diffstat (limited to 'spec/javascripts/vue_mr_widget/components/states/commit_edit_spec.js')
-rw-r--r--spec/javascripts/vue_mr_widget/components/states/commit_edit_spec.js85
1 files changed, 0 insertions, 85 deletions
diff --git a/spec/javascripts/vue_mr_widget/components/states/commit_edit_spec.js b/spec/javascripts/vue_mr_widget/components/states/commit_edit_spec.js
deleted file mode 100644
index 994d6255324..00000000000
--- a/spec/javascripts/vue_mr_widget/components/states/commit_edit_spec.js
+++ /dev/null
@@ -1,85 +0,0 @@
-import { createLocalVue, shallowMount } from '@vue/test-utils';
-import CommitEdit from '~/vue_merge_request_widget/components/states/commit_edit.vue';
-
-const localVue = createLocalVue();
-const testCommitMessage = 'Test commit message';
-const testLabel = 'Test label';
-const testInputId = 'test-input-id';
-
-describe('Commits edit component', () => {
- let wrapper;
-
- const createComponent = (slots = {}) => {
- wrapper = shallowMount(localVue.extend(CommitEdit), {
- localVue,
- sync: false,
- propsData: {
- value: testCommitMessage,
- label: testLabel,
- inputId: testInputId,
- },
- slots: {
- ...slots,
- },
- });
- };
-
- beforeEach(() => {
- createComponent();
- });
-
- afterEach(() => {
- wrapper.destroy();
- });
-
- const findTextarea = () => wrapper.find('.form-control');
-
- it('has a correct label', () => {
- const labelElement = wrapper.find('.col-form-label');
-
- expect(labelElement.text()).toBe(testLabel);
- });
-
- describe('textarea', () => {
- it('has a correct ID', () => {
- expect(findTextarea().attributes('id')).toBe(testInputId);
- });
-
- it('has a correct value', () => {
- expect(findTextarea().element.value).toBe(testCommitMessage);
- });
-
- it('emits an input event and receives changed value', () => {
- const changedCommitMessage = 'Changed commit message';
-
- findTextarea().element.value = changedCommitMessage;
- findTextarea().trigger('input');
-
- expect(wrapper.emitted().input[0]).toEqual([changedCommitMessage]);
- expect(findTextarea().element.value).toBe(changedCommitMessage);
- });
- });
-
- describe('when slots are present', () => {
- beforeEach(() => {
- createComponent({
- header: `<div class="test-header">${testCommitMessage}</div>`,
- checkbox: `<label slot="checkbox" class="test-checkbox">${testLabel}</label >`,
- });
- });
-
- it('renders header slot correctly', () => {
- const headerSlotElement = wrapper.find('.test-header');
-
- expect(headerSlotElement.exists()).toBe(true);
- expect(headerSlotElement.text()).toBe(testCommitMessage);
- });
-
- it('renders checkbox slot correctly', () => {
- const checkboxSlotElement = wrapper.find('.test-checkbox');
-
- expect(checkboxSlotElement.exists()).toBe(true);
- expect(checkboxSlotElement.text()).toBe(testLabel);
- });
- });
-});