Merge branch 'qa-shl-fix-protected-tags-spec' into 'master'

Fix protected tags e2e test

See merge request gitlab-org/gitlab!35131

app/views/projects/protected_tags/_create_protected_tag.html.haml

 - content_for :create_access_levels do
-  .create_access_levels-container
+  .create_access_levels-container{ data: { qa_selector: 'access_levels_content' } }
     = dropdown_tag('Select',
                    options: { toggle_class: 'js-allowed-to-create wide',
                    dropdown_class: 'dropdown-menu-selectable capitalize-header',

ee/app/views/projects/protected_tags/ee/_create_protected_tag.html.haml

 - content_for :create_access_levels do
-  .create_access_levels-container
+  .create_access_levels-container{ data: { qa_selector: 'access_levels_content' } }
     = dropdown_tag('Select',
                    options: { toggle_class: 'js-allowed-to-create js-multiselect wide',
                    dropdown_class: 'dropdown-menu-user dropdown-menu-selectable capitalize-header', filter: true,

qa/qa/ee/page/project/settings/protected_tags.rb

@@ -13,6 +13,7 @@ module QA
 
               base.class_eval do
                 view 'ee/app/views/projects/protected_tags/ee/_create_protected_tag.html.haml' do
+                  element :access_levels_content
                   element :access_levels_dropdown
                 end
               end

qa/qa/page/project/settings/protected_tags.rb

@@ -12,6 +12,7 @@ module QA
           end
 
           view 'app/views/projects/protected_tags/_create_protected_tag.html.haml' do
+            element :access_levels_content
             element :access_levels_dropdown
           end
 
@@ -26,7 +27,9 @@ module QA
 
           def choose_access_level_role(role)
             click_element :access_levels_dropdown
-            click_on role
+            within_element(:access_levels_content) do
+              click_on role
+            end
           end
 
           def click_protect_tag_button