Use data-qa-selector instead of qa-* class

app/assets/javascripts/deploy_keys/components/app.vue

@@ -133,7 +133,7 @@ export default {
         :keys="keys[currentTab]"
         :store="store"
         :endpoint="endpoint"
-        class="qa-project-deploy-keys"
+        data-qa-selector="project_deploy_keys"
       />
     </template>
   </div>

qa/qa/page/project/settings/deploy_keys.rb

@@ -12,7 +12,7 @@ module QA
 
           view 'app/assets/javascripts/deploy_keys/components/app.vue' do
             element :deploy_keys_section, /class=".*deploy\-keys.*"/ # rubocop:disable QA/ElementWithPattern
-            element :project_deploy_keys, 'class="qa-project-deploy-keys"' # rubocop:disable QA/ElementWithPattern
+            element :project_deploy_keys
           end
 
           view 'app/assets/javascripts/deploy_keys/components/key.vue' do