Merge branch 'chore/add-qa-selector-for-language-switcher' into 'master'

Chore: add qa selector for language switcher

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/106918



Merged-by: Justin Ho Tuan Duong <hduong@gitlab.com>
Approved-by: Artur Fedorov <afedorov@gitlab.com>
Approved-by: Justin Ho Tuan Duong <hduong@gitlab.com>
Approved-by: Dominic Couture <dcouture@gitlab.com>
Reviewed-by: Justin Ho Tuan Duong <hduong@gitlab.com>
Reviewed-by: Artur Fedorov <afedorov@gitlab.com>
Co-authored-by: Wu Jeremy <jeremyw@jihulab.com>
Co-authored-by: lxwan <lxwan@jihulab.com>

app/assets/javascripts/language_switcher/components/app.vue

@@ -25,6 +25,9 @@ export default {
       setCookie(PREFERRED_LANGUAGE_COOKIE_KEY, code);
       window.location.reload();
     },
+    itemTestSelector(locale) {
+      return `language_switcher_lang_${locale}`;
+    },
   },
 };
 </script>
@@ -41,7 +44,10 @@ export default {
     @select="onLanguageSelected"
   >
     <template #list-item="{ item: locale }">
-      <span :data-testid="`language_switcher_lang_${locale.value}`">
+      <span
+        :data-testid="itemTestSelector(locale.value)"
+        :data-qa-selector="itemTestSelector(locale.value)"
+      >
         {{ locale.text }}
       </span>
     </template>