diff --git a/app/assets/javascripts/security_configuration/components/app.vue b/app/assets/javascripts/security_configuration/components/app.vue index e7d9798919504215cdf71cb1632d79a9030eb43e..d57b3fda342b54d613e33a4de484c5b85c4c3d25 100644 --- a/app/assets/javascripts/security_configuration/components/app.vue +++ b/app/assets/javascripts/security_configuration/components/app.vue @@ -164,7 +164,7 @@ export default { <gl-tabs content-class="gl-pt-0" - data-testid="security-configuration-container" + data-qa-selector="security_configuration_container" sync-active-tab-with-query-params lazy > @@ -196,9 +196,12 @@ export default { {{ $options.i18n.description }} </p> <p v-if="canViewCiHistory"> - <gl-link data-testid="security-view-history-link" :href="gitlabCiHistoryPath">{{ - $options.i18n.configurationHistory - }}</gl-link> + <gl-link + data-testid="security-view-history-link" + data-qa-selector="security_configuration_history_link" + :href="gitlabCiHistoryPath" + >{{ $options.i18n.configurationHistory }}</gl-link + > </p> </template> diff --git a/app/assets/javascripts/security_configuration/components/auto_dev_ops_alert.vue b/app/assets/javascripts/security_configuration/components/auto_dev_ops_alert.vue index c01df3573c57a7a5caa0ac82b9d489c2e0da8e56..315f676e6597a05bcab0755beef5f1d1d3810cab 100644 --- a/app/assets/javascripts/security_configuration/components/auto_dev_ops_alert.vue +++ b/app/assets/javascripts/security_configuration/components/auto_dev_ops_alert.vue @@ -28,7 +28,7 @@ export default { variant="info" :primary-button-link="autoDevopsPath" :primary-button-text="$options.i18n.primaryButtonText" - data-testid="autodevops-container" + data-qa-selector="autodevops_container" @dismiss="dismissMethod" > <gl-sprintf :message="$options.i18n.body"> diff --git a/app/assets/javascripts/security_configuration/components/feature_card.vue b/app/assets/javascripts/security_configuration/components/feature_card.vue index 467b3e66dd447f55b3dad021e035bab1397cc316..d1b705fe2fcd96044519dabc7c31c898f27cc301 100644 --- a/app/assets/javascripts/security_configuration/components/feature_card.vue +++ b/app/assets/javascripts/security_configuration/components/feature_card.vue @@ -122,7 +122,7 @@ export default { v-if="isNotSastIACTemporaryHack" :class="statusClasses" data-testid="feature-status" - :data-qa-feature="`${feature.type}_${hasEnabledStatus}_status`" + :data-qa-selector="`${feature.type}_status`" > <feature-card-badge v-if="hasBadge" @@ -164,7 +164,7 @@ export default { :href="feature.configurationPath" variant="confirm" :category="configurationButton.category" - :data-testid="`${feature.type}_enable_button`" + :data-qa-selector="`${feature.type}_enable_button`" class="gl-mt-5" > {{ configurationButton.text }} @@ -176,7 +176,7 @@ export default { variant="confirm" :category="manageViaMrButtonCategory" class="gl-mt-5" - :data-testid="`${feature.type}_mr_button`" + :data-qa-selector="`${feature.type}_mr_button`" @error="onError" /> diff --git a/app/views/protected_branches/_create_protected_branch.html.haml b/app/views/protected_branches/_create_protected_branch.html.haml index 799f6aa6031a9d3597604560f69d906221a7af04..b4765ab49c26b69827e07625048e4930fd4e2f03 100644 --- a/app/views/protected_branches/_create_protected_branch.html.haml +++ b/app/views/protected_branches/_create_protected_branch.html.haml @@ -3,12 +3,12 @@ = dropdown_tag(_('Select'), options: { toggle_class: 'js-allowed-to-merge wide', dropdown_class: 'dropdown-menu-selectable capitalize-header', dropdown_qa_selector: 'allowed_to_merge_dropdown_content', dropdown_testid: 'allowed-to-merge-dropdown', - data: { field_name: 'protected_branch[merge_access_levels_attributes][0][access_level]', input_id: 'merge_access_levels_attributes', qa_selector: 'select_allowed_to_merge_dropdown' }}) + data: { field_name: 'protected_branch[merge_access_levels_attributes][0][access_level]', input_id: 'merge_access_levels_attributes', qa_selector: 'allowed_to_merge_dropdown' }}) - content_for :push_access_levels do .push_access_levels-container = dropdown_tag(_('Select'), options: { toggle_class: "js-allowed-to-push js-multiselect wide", dropdown_class: 'dropdown-menu-selectable capitalize-header', dropdown_qa_selector: 'allowed_to_push_dropdown_content' , dropdown_testid: 'allowed-to-push-dropdown', - data: { field_name: 'protected_branch[push_access_levels_attributes][0][access_level]', input_id: 'push_access_levels_attributes', qa_selector: 'select_allowed_to_push_dropdown' }}) + data: { field_name: 'protected_branch[push_access_levels_attributes][0][access_level]', input_id: 'push_access_levels_attributes', qa_selector: 'allowed_to_push_dropdown' }}) = render 'protected_branches/shared/create_protected_branch', protected_branch_entity: protected_branch_entity diff --git a/ee/app/views/protected_branches/ee/_create_protected_branch.html.haml b/ee/app/views/protected_branches/ee/_create_protected_branch.html.haml index 9b264126a368b05dfeec90d6052a58a9bfbd1610..67e676cfdb57793a0eb943d71195fc34dfa23171 100644 --- a/ee/app/views/protected_branches/ee/_create_protected_branch.html.haml +++ b/ee/app/views/protected_branches/ee/_create_protected_branch.html.haml @@ -3,13 +3,13 @@ = dropdown_tag(_('Select'), options: { toggle_class: 'js-allowed-to-merge js-multiselect gl-w-full! gl-form-input-lg', dropdown_class: 'dropdown-menu-user dropdown-menu-selectable capitalize-header', dropdown_qa_selector: 'allowed_to_merge_dropdown_content', dropdown_testid: 'allowed-to-merge-dropdown', filter: true, - data: { input_id: 'merge_access_levels_attributes', default_label: 'Select', qa_selector: 'select_allowed_to_merge_dropdown' } }) + data: { input_id: 'merge_access_levels_attributes', default_label: 'Select', qa_selector: 'allowed_to_merge_dropdown' } }) - content_for :push_access_levels do .push_access_levels-container = dropdown_tag(_('Select'), options: { toggle_class: 'js-allowed-to-push js-multiselect gl-w-full! gl-form-input-lg', dropdown_class: 'dropdown-menu-user dropdown-menu-selectable capitalize-header', dropdown_qa_selector: 'allowed_to_push_dropdown_content', dropdown_testid: 'allowed-to-push-dropdown', filter: true, - data: { input_id: 'push_access_levels_attributes', default_label: 'Select', qa_selector: 'select_allowed_to_push_dropdown' } }) + data: { input_id: 'push_access_levels_attributes', default_label: 'Select', qa_selector: 'allowed_to_push_dropdown' } }) .form-text.text-muted = s_('ProtectedBranch|You can add only groups that have this project shared. %{learn_more_link}').html_safe % { learn_more_link: link_to(_('Learn more.'), help_page_path('user/project/members/share_project_with_groups')) } diff --git a/qa/qa/ee/page/project/settings/protected_branches.rb b/qa/qa/ee/page/project/settings/protected_branches.rb index 8320415808422fca21b0c203be4f46eba4b9f298..76576ca3c3f7d93c1878b16824d9c58bb23cc6f0 100644 --- a/qa/qa/ee/page/project/settings/protected_branches.rb +++ b/qa/qa/ee/page/project/settings/protected_branches.rb @@ -17,9 +17,9 @@ def self.prepended(base) end view 'ee/app/views/protected_branches/ee/_create_protected_branch.html.haml' do - element :select_allowed_to_push_dropdown + element :allowed_to_push_dropdown element :allowed_to_push_dropdown_content - element :select_allowed_to_merge_dropdown + element :allowed_to_merge_dropdown element :allowed_to_merge_dropdown_content end end @@ -36,7 +36,7 @@ def select_allowed(action, allowed) super # Click the select element again to close the dropdown - click_element(:"select_allowed_to_#{action}_dropdown") + click_element(:"allowed_to_#{action}_dropdown") end end end diff --git a/qa/qa/page/element.rb b/qa/qa/page/element.rb index 27886934e2eec5b4e64eca054d4efd25717627d6..6bfdf98587baa967bb11a71110e8bd1099ffbc7f 100644 --- a/qa/qa/page/element.rb +++ b/qa/qa/page/element.rb @@ -13,7 +13,9 @@ def initialize(name, *options) @attributes[:pattern] ||= selector options.each do |option| - @attributes[:pattern] = option if option.is_a?(String) || option.is_a?(Regexp) + if option.is_a?(String) || option.is_a?(Regexp) + @attributes[:pattern] = option + end end end @@ -26,7 +28,7 @@ def required? end def selector_css - %(#{qa_selector},.#{selector}) + %Q([data-qa-selector="#{@name}"]#{additional_selectors},.#{selector}) end def expression @@ -38,19 +40,14 @@ def expression end def matches?(line) - !!(line =~ /["']#{name}['"]|["']#{name.to_s.tr('_', '-')}['"]|#{expression}/) + !!(line =~ /["']#{name}['"]|#{expression}/) end private - def qa_selector - %([data-testid="#{@name}"]#{additional_selectors},[data-testid="#{@name.to_s.tr('_', - '-')}"]#{additional_selectors},[data-qa-selector="#{@name}"]#{additional_selectors}) - end - def additional_selectors @attributes.dup.delete_if { |attr| attr == :pattern || attr == :required }.map do |key, value| - %([data-qa-#{key.to_s.tr('_', '-')}="#{value}"]) + %Q([data-qa-#{key.to_s.tr('_', '-')}="#{value}"]) end.join end end diff --git a/qa/qa/page/project/secure/configuration_form.rb b/qa/qa/page/project/secure/configuration_form.rb index 70eff31bfa98e23765c9509120cce65c3f03e47c..493ec08d02395cea4d9695df8fa4c5c0baad014f 100644 --- a/qa/qa/page/project/secure/configuration_form.rb +++ b/qa/qa/page/project/secure/configuration_form.rb @@ -9,13 +9,15 @@ class ConfigurationForm < QA::Page::Base view 'app/assets/javascripts/security_configuration/components/app.vue' do element :security_configuration_container - element :security_view_history_link + element :security_configuration_history_link end view 'app/assets/javascripts/security_configuration/components/feature_card.vue' do - element :feature_status + element :dependency_scanning_status, "`${feature.type}_status`" # rubocop:disable QA/ElementWithPattern + element :sast_status, "`${feature.type}_status`" # rubocop:disable QA/ElementWithPattern element :sast_enable_button, "`${feature.type}_enable_button`" # rubocop:disable QA/ElementWithPattern element :dependency_scanning_mr_button, "`${feature.type}_mr_button`" # rubocop:disable QA/ElementWithPattern + element :license_scanning_status, "`${feature.type}_status`" # rubocop:disable QA/ElementWithPattern end view 'app/assets/javascripts/security_configuration/components/auto_dev_ops_alert.vue' do @@ -23,15 +25,15 @@ class ConfigurationForm < QA::Page::Base end def has_security_configuration_history_link? - has_element?(:security_view_history_link) + has_element?(:security_configuration_history_link) end def has_no_security_configuration_history_link? - has_no_element?(:security_view_history_link) + has_no_element?(:security_configuration_history_link) end def click_security_configuration_history_link - click_element(:security_view_history_link) + click_element(:security_configuration_history_link) end def click_sast_enable_button @@ -42,20 +44,40 @@ def click_dependency_scanning_mr_button click_element(:dependency_scanning_mr_button) end - def has_true_sast_status? - has_element?(:feature_status, feature: 'sast_true_status') + def has_sast_status?(status_text) + within_element(:sast_status) do + has_text?(status_text) + end + end + + def has_no_sast_status?(status_text) + within_element(:sast_status) do + has_no_text?(status_text) + end + end + + def has_dependency_scanning_status?(status_text) + within_element(:dependency_scanning_status) do + has_text?(status_text) + end end - def has_false_sast_status? - has_element?(:feature_status, feature: 'sast_false_status') + def has_no_dependency_scanning_status?(status_text) + within_element(:dependency_scanning_status) do + has_no_text?(status_text) + end end - def has_true_dependency_scanning_status? - has_element?(:feature_status, feature: 'dependency_scanning_true_status') + def has_license_compliance_status?(status_text) + within_element(:license_scanning_status) do + has_text?(status_text) + end end - def has_false_dependency_scanning_status? - has_element?(:feature_status, feature: 'dependency_scanning_false_status') + def has_no_license_compliance_status?(status_text) + within_element(:license_scanning_status) do + has_no_text?(status_text) + end end def has_auto_devops_container? diff --git a/qa/qa/page/project/settings/protected_branches.rb b/qa/qa/page/project/settings/protected_branches.rb index e6b13ed77a01e80282304bc217635bc7f1503559..3eddd0fd33a250abf0877a892b926f54e7c4dfcf 100644 --- a/qa/qa/page/project/settings/protected_branches.rb +++ b/qa/qa/page/project/settings/protected_branches.rb @@ -11,9 +11,9 @@ class ProtectedBranches < Page::Base end view 'app/views/protected_branches/_create_protected_branch.html.haml' do - element :select_allowed_to_push_dropdown + element :allowed_to_push_dropdown element :allowed_to_push_dropdown_content - element :select_allowed_to_merge_dropdown + element :allowed_to_merge_dropdown element :allowed_to_merge_dropdown_content end @@ -45,7 +45,7 @@ def protect_branch private def select_allowed(action, allowed) - click_element :"select_allowed_to_#{action}_dropdown" + click_element :"allowed_to_#{action}_dropdown" allowed[:roles] = Resource::ProtectedBranch::Roles::NO_ONE unless allowed.key?(:roles) diff --git a/qa/qa/specs/features/ee/browser_ui/13_secure/enable_scanning_from_configuration_spec.rb b/qa/qa/specs/features/ee/browser_ui/13_secure/enable_scanning_from_configuration_spec.rb index b900ef829c423a68ed0ec4d6096487ae5bda80d3..c010425ae7473afca6478f73aebf16c13b4b8402 100644 --- a/qa/qa/specs/features/ee/browser_ui/13_secure/enable_scanning_from_configuration_spec.rb +++ b/qa/qa/specs/features/ee/browser_ui/13_secure/enable_scanning_from_configuration_spec.rb @@ -53,7 +53,7 @@ module QA Page::Project::Menu.perform(&:go_to_security_configuration) Page::Project::Secure::ConfigurationForm.perform do |config_form| - expect(config_form).to have_false_dependency_scanning_status + expect(config_form).to have_dependency_scanning_status('Not enabled') expect(config_form).to have_auto_devops_container expect(config_form).to have_auto_devops_container_description expect(config_form).to have_no_security_configuration_history_link @@ -66,7 +66,9 @@ module QA new_merge_request.create_merge_request end - Page::MergeRequest::Show.perform(&:merge_immediately!) + Page::MergeRequest::Show.perform do |merge_request| + merge_request.merge_immediately! + end Flow::Pipeline.visit_latest_pipeline @@ -77,7 +79,8 @@ module QA Page::Project::Menu.perform(&:go_to_security_configuration) Page::Project::Secure::ConfigurationForm.perform do |config_form| - expect(config_form).to have_true_dependency_scanning_status + expect(config_form).to have_dependency_scanning_status('Enabled') + expect(config_form).to have_no_dependency_scanning_status('Not enabled') expect(config_form).to have_security_configuration_history_link expect(config_form).to have_no_auto_devops_container @@ -110,7 +113,7 @@ def sast_config_expects(current_page, sast_string_fields, sast_int_fields) Page::Project::Menu.perform(&:go_to_security_configuration) Page::Project::Secure::ConfigurationForm.perform do |config_form| - expect(config_form).to have_false_sast_status + expect(config_form).to have_sast_status('Not enabled') expect(config_form).to have_auto_devops_container expect(config_form).to have_auto_devops_container_description expect(config_form).to have_no_security_configuration_history_link @@ -142,7 +145,9 @@ def sast_config_expects(current_page, sast_string_fields, sast_int_fields) new_merge_request.create_merge_request end - Page::MergeRequest::Show.perform(&:merge_immediately!) + Page::MergeRequest::Show.perform do |merge_request| + merge_request.merge_immediately! + end Flow::Pipeline.visit_latest_pipeline @@ -153,7 +158,8 @@ def sast_config_expects(current_page, sast_string_fields, sast_int_fields) Page::Project::Menu.perform(&:go_to_security_configuration) Page::Project::Secure::ConfigurationForm.perform do |config_form| - expect(config_form).to have_true_sast_status + expect(config_form).to have_sast_status('Enabled') + expect(config_form).to have_no_sast_status('Not enabled') expect(config_form).to have_security_configuration_history_link expect(config_form).to have_no_auto_devops_container diff --git a/qa/spec/page/element_spec.rb b/qa/spec/page/element_spec.rb index da1fd224564c7e97fe4149ebc3f89bb6d0e0963f..fbf58b5e18a48f20ef42c724d8815a41ee4c6c76 100644 --- a/qa/spec/page/element_spec.rb +++ b/qa/spec/page/element_spec.rb @@ -73,7 +73,7 @@ subject { described_class.new(:something, /link_to 'something'/) } it 'has an attribute[pattern] of the pattern' do - expect(subject.attributes[:pattern]).to eq(/link_to 'something'/) + expect(subject.attributes[:pattern]).to eq /link_to 'something'/ end it 'is not required by default' do @@ -98,7 +98,7 @@ subject { described_class.new(:something, /link_to 'something_else_entirely'/, required: true) } it 'has an attribute[pattern] of the passed pattern' do - expect(subject.attributes[:pattern]).to eq(/link_to 'something_else_entirely'/) + expect(subject.attributes[:pattern]).to eq /link_to 'something_else_entirely'/ end it 'is required' do @@ -118,10 +118,6 @@ expect(subject.selector_css).to include(%q([data-qa-selector="my_element"])) end - it 'properly translates to a data-testid' do - expect(subject.selector_css).to include(%q([data-testid="my_element"])) - end - context 'additional selectors' do let(:element) { described_class.new(:my_element, index: 3, another_match: 'something') } let(:required_element) { described_class.new(:my_element, required: true, index: 3) }