Commit e12ccef0 authored by Peter Hegman's avatar Peter Hegman Committed by Andrew Fontaine

Move `js-*` class to fix E2E spec

`.js-epic-container` was being added to multiple elements which was
causing JS errors
parent f3c349fa
...@@ -5,7 +5,7 @@ import { parseBoolean } from '~/lib/utils/common_utils'; ...@@ -5,7 +5,7 @@ import { parseBoolean } from '~/lib/utils/common_utils';
export default class EpicTabs { export default class EpicTabs {
constructor() { constructor() {
this.epicTreesEnabled = gon.features && gon.features.epicTrees; this.epicTreesEnabled = gon.features && gon.features.epicTrees;
this.wrapper = document.querySelector('.js-epic-container:not(.breadcrumbs)'); this.wrapper = document.querySelector('.js-epic-container');
this.epicTabs = this.wrapper.querySelector('.js-epic-tabs-container'); this.epicTabs = this.wrapper.querySelector('.js-epic-tabs-container');
this.discussionFilterContainer = this.epicTabs.querySelector('.js-discussion-filter-container'); this.discussionFilterContainer = this.epicTabs.querySelector('.js-discussion-filter-container');
const allowSubEpics = parseBoolean(this.epicTabs.dataset.allowSubEpics); const allowSubEpics = parseBoolean(this.epicTabs.dataset.allowSubEpics);
......
- @no_breadcrumb_container = false - @no_breadcrumb_container = false
- @no_container = false - @no_container = true
- @content_class = "js-epic-container #{'limit-container-width' unless fluid_layout}" - @content_class = 'limit-container-width' unless fluid_layout
- epic_reference = @epic.to_reference - epic_reference = @epic.to_reference
- sub_epics_feature_available = @group.feature_available?(:subepics) - sub_epics_feature_available = @group.feature_available?(:subepics)
...@@ -23,10 +23,11 @@ ...@@ -23,10 +23,11 @@
- add_page_startup_graphql_call('epic/epic_details', { fullPath: @group.full_path, iid: @epic.iid }) - add_page_startup_graphql_call('epic/epic_details', { fullPath: @group.full_path, iid: @epic.iid })
- add_page_startup_graphql_call('epic/epic_children', { fullPath: @group.full_path, iid: @epic.iid, pageSize: 100, epicEndCursor: '', issueEndCursor: '' }) - add_page_startup_graphql_call('epic/epic_children', { fullPath: @group.full_path, iid: @epic.iid, pageSize: 100, epicEndCursor: '', issueEndCursor: '' })
#epic-app-root{ data: epic_show_app_data(@epic), %div{ class: ['js-epic-container', container_class, @content_class] }
#epic-app-root{ data: epic_show_app_data(@epic),
'data-allow-sub-epics' => allow_sub_epics } 'data-allow-sub-epics' => allow_sub_epics }
.epic-tabs-holder .epic-tabs-holder
.epic-tabs-container.js-epic-tabs-container{ data: { allow_sub_epics: allow_sub_epics } } .epic-tabs-container.js-epic-tabs-container{ data: { allow_sub_epics: allow_sub_epics } }
%ul.epic-tabs.nav-tabs.nav.nav-links.scrolling-tabs %ul.epic-tabs.nav-tabs.nav.nav-links.scrolling-tabs
%li.tree-tab %li.tree-tab
...@@ -40,7 +41,7 @@ ...@@ -40,7 +41,7 @@
%a#roadmap-tab{ href: '#roadmap', data: { toggle: 'tab' } } %a#roadmap-tab{ href: '#roadmap', data: { toggle: 'tab' } }
= _('Roadmap') = _('Roadmap')
.tab-content.epic-tabs-content.js-epic-tabs-content .tab-content.epic-tabs-content.js-epic-tabs-content
#tree.tab-pane.show.active #tree.tab-pane.show.active
.row .row
%section.col-md-12 %section.col-md-12
...@@ -71,14 +72,14 @@ ...@@ -71,14 +72,14 @@
sorted_by: roadmap_sort_order, sorted_by: roadmap_sort_order,
inner_height: '600', inner_height: '600',
child_epics: 'true' } } child_epics: 'true' } }
%hr.epic-discussion-separator.mt-1.mb-0 %hr.epic-discussion-separator.mt-1.mb-0
.d-flex.justify-content-between.content-block.content-block-small.emoji-list-container.js-noteable-awards .d-flex.justify-content-between.content-block.content-block-small.emoji-list-container.js-noteable-awards
= render 'award_emoji/awards_block', awardable: @epic, inline: true = render 'award_emoji/awards_block', awardable: @epic, inline: true
.d-flex.flex-wrap.align-items-center.justify-content-lg-end .d-flex.flex-wrap.align-items-center.justify-content-lg-end
#js-vue-sort-issue-discussions #js-vue-sort-issue-discussions
#js-vue-discussion-filter{ data: { default_filter: current_user&.notes_filter_for(@epic), #js-vue-discussion-filter{ data: { default_filter: current_user&.notes_filter_for(@epic),
notes_filters: UserPreference.notes_filters.to_json } } notes_filters: UserPreference.notes_filters.to_json } }
.row .row
%section.col-md-12 %section.col-md-12
%script.js-notes-data{ type: "application/json" }= initial_notes_data(true).to_json.html_safe %script.js-notes-data{ type: "application/json" }= initial_notes_data(true).to_json.html_safe
.issuable-discussion .issuable-discussion
......
---
title: Fix Epic tabs when open registration alert is visible
merge_request: 49150
author:
type: fixed
...@@ -36,7 +36,7 @@ module QA ...@@ -36,7 +36,7 @@ module QA
epic.visit! epic.visit!
end end
it 'adds/removes issue to/from epic', testcase: 'https://gitlab.com/gitlab-org/quality/testcases/-/issues/526', quarantine: { issue: 'https://gitlab.com/gitlab-org/gitlab/-/issues/283932', type: :investigating } do it 'adds/removes issue to/from epic', testcase: 'https://gitlab.com/gitlab-org/quality/testcases/-/issues/526' do
EE::Page::Group::Epic::Show.perform do |show| EE::Page::Group::Epic::Show.perform do |show|
show.add_issue_to_epic(issue.web_url) show.add_issue_to_epic(issue.web_url)
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment