1 files changed, 114 insertions, 0 deletions
diff --git a/spec/features/projects/work_items/linked_work_items_spec.rb b/spec/features/projects/work_items/linked_work_items_spec.rb
new file mode 100644
index 00000000000..66016cf8b7b
--- /dev/null
+++ b/spec/features/projects/work_items/linked_work_items_spec.rb
@@ -0,0 +1,114 @@
+# frozen_string_literal: true
+
+require 'spec_helper'
+
+RSpec.describe 'Work item linked items', :js, feature_category: :team_planning do
+  let_it_be(:group) { create(:group) }
+  let_it_be(:project) { create(:project, :public, namespace: group) }
+  let_it_be(:user) { create(:user) }
+  let_it_be(:work_item) { create(:work_item, project: project) }
+  let(:work_items_path) { project_work_item_path(project, work_item.iid) }
+  let_it_be(:task) { create(:work_item, :task, project: project, title: 'Task 1') }
+
+  context 'for signed in user' do
+    before_all do
+      project.add_developer(user)
+    end
+
+    before do
+      sign_in(user)
+
+      stub_feature_flags(work_items: true)
+      stub_feature_flags(linked_work_items: true)
+
+      visit work_items_path
+
+      wait_for_requests
+    end
+
+    it 'are not displayed when issue does not have work item links', :aggregate_failures do
+      page.within('.work-item-relationships') do
+        expect(page).to have_selector('[data-testid="link-item-add-button"]')
+        expect(page).not_to have_selector('[data-testid="link-work-item-form"]')
+        expect(page).not_to have_selector('[data-testid="work-item-linked-items-list"]')
+      end
+    end
+
+    it 'toggles widget body', :aggregate_failures do
+      page.within('.work-item-relationships') do
+        expect(page).to have_selector('[data-testid="widget-body"]')
+
+        click_button 'Collapse'
+
+        expect(page).not_to have_selector('[data-testid="widget-body"]')
+
+        click_button 'Expand'
+
+        expect(page).to have_selector('[data-testid="widget-body"]')
+      end
+    end
+
+    it 'toggles form', :aggregate_failures do
+      page.within('.work-item-relationships') do
+        expect(page).not_to have_selector('[data-testid="link-work-item-form"]')
+
+        click_button 'Add'
+
+        expect(page).to have_selector('[data-testid="link-work-item-form"]')
+
+        click_button 'Cancel'
+
+        expect(page).not_to have_selector('[data-testid="link-work-item-form"]')
+      end
+    end
+
+    it 'links a new item', :aggregate_failures do
+      page.within('.work-item-relationships') do
+        click_button 'Add'
+
+        within_testid('link-work-item-form') do
+          expect(page).to have_button('Add', disabled: true)
+          find_by_testid('work-item-token-select-input').set(task.title)
+          wait_for_all_requests
+          click_button task.title
+
+          expect(page).to have_button('Add', disabled: false)
+
+          click_button 'Add'
+
+          wait_for_all_requests
+        end
+
+        expect(find('.work-items-list')).to have_content('Task 1')
+      end
+    end
+
+    it 'removes a linked item', :aggregate_failures do
+      page.within('.work-item-relationships') do
+        click_button 'Add'
+
+        within_testid('link-work-item-form') do
+          expect(page).to have_button('Add', disabled: true)
+          find_by_testid('work-item-token-select-input').set(task.title)
+          wait_for_all_requests
+          click_button task.title
+
+          expect(page).to have_button('Add', disabled: false)
+
+          click_button 'Add'
+
+          wait_for_all_requests
+        end
+
+        expect(find('.work-items-list')).to have_content('Task 1')
+
+        find_by_testid('links-menu').click
+        click_button 'Remove'
+
+        wait_for_all_requests
+
+        expect(page).not_to have_content('Task 1')
+      end
+    end
+  end
+end