Move to using qa-* selectors

Adds the corresponding qa-* classes into the view files for each new
Page element we added.

Adjust the click actions to match.

app/assets/javascripts/environments/components/environment_item.vue

@@ -482,6 +482,7 @@ export default {
         v-if="!model.isFolder"
         class="environment-name table-mobile-content">
         <a
+          class="qa-environment-link"
           :href="environmentPath"
         >
           {{ model.name }}

app/views/layouts/nav/sidebar/_project.html.haml

@@ -216,7 +216,7 @@
                     = _('Metrics')
 
               = nav_link(controller: :environments, action: [:index, :folder, :show, :new, :edit, :create, :update, :stop, :terminal]) do
-                = link_to project_environments_path(@project), title: _('Environments'), class: 'shortcuts-environments' do
+                = link_to project_environments_path(@project), title: _('Environments'), class: 'shortcuts-environments qa-operations-environments-link' do
                   %span
                     = _('Environments')
 

app/views/projects/environments/_external_url.html.haml

 - if environment.external_url && can?(current_user, :read_environment, environment)
-  = link_to environment.external_url, target: '_blank', rel: 'noopener noreferrer', class: 'btn external-url has-tooltip', title: s_('Environments|Open live environment') do
+  = link_to environment.external_url, target: '_blank', rel: 'noopener noreferrer', class: 'btn external-url has-tooltip qa-view-deployment', title: s_('Environments|Open live environment') do
     = sprite_icon('external-link')
     View deployment

qa/qa/page/menu/side.rb

@@ -9,6 +9,7 @@ module QA
           element :link_pipelines
           element :pipelines_settings_link, "title: _('CI / CD')"
           element :operations_kubernetes_link, "title: _('Kubernetes')"
+          element :operations_environments_link
           element :issues_link, /link_to.*shortcuts-issues/
           element :issues_link_text, "Issues"
           element :merge_requests_link, /link_to.*shortcuts-merge_requests/
@@ -43,7 +44,7 @@ module QA
         def click_operations_environments
           hover_operations do
             within_submenu do
-              click_link('Environments')
+              click_element(:operations_environments_link)
             end
           end
         end

qa/qa/page/project/operations/environments/index.rb

@@ -7,12 +7,12 @@ module QA
         module Environments
           class Index < Page::Base
             view 'app/assets/javascripts/environments/components/environment_item.vue' do
-              element :environment_link, 'class="environment-name table-mobile-content"'
+              element :environment_link
             end
 
             def go_to_environment(environment_name)
               wait(reload: false) do
-                click_link(environment_name)
+                find(element_selector_css(:environment_link), text: environment_name).click
               end
             end
           end

qa/qa/page/project/operations/environments/show.rb

@@ -7,11 +7,11 @@ module QA
         module Environments
           class Show < Page::Base
             view 'app/views/projects/environments/_external_url.html.haml' do
-              element :view_deployment, %q{title: s_('Environments|Open live environment')}
+              element :view_deployment
             end
 
             def view_deployment(&block)
-              new_window = window_opened_by { click_on('Open live environment') }
+              new_window = window_opened_by { click_element(:view_deployment) }
 
               within_window(new_window, &block) if block
             end