Change Edit to Open in Blob view to maintain consistency

The text for Edit in Web IDE and Edit in Gitpod in Blob file view were not consistent with Merge Request actions. For consistency, change Edit in Web IDE to Open in Web IDE and Edit in Gitpod to Open in Gitpod. Add new label Open in Gitpod. Fix the test case by changing the button text to Open in Web IDE.

Changelog: fixed

app/assets/javascripts/vue_shared/components/web_ide_link.vue

@@ -178,7 +178,7 @@ export default {
       if (this.webIdeText) {
         return this.webIdeText;
       } else if (this.isBlob) {
-        return __('Edit in Web IDE');
+        return __('Open in Web IDE');
       } else if (this.isFork) {
         return __('Edit fork in Web IDE');
       }
@@ -218,6 +218,9 @@ export default {
       };
     },
     gitpodActionText() {
+      if (this.isBlob) {
+        return __('Open in Gitpod');
+      }
       return this.gitpodText || __('Gitpod');
     },
     computedShowGitpodButton() {
@@ -247,7 +250,6 @@ export default {
       if (!this.computedShowGitpodButton) {
         return null;
       }
-
       const handleOptions = this.gitpodEnabled
         ? { href: this.gitpodUrl }
         : {

locale/gitlab.pot

@@ -25626,6 +25626,9 @@ msgstr ""
 msgid "Open errors"
 msgstr ""
 
+msgid "Open in Gitpod"
+msgstr ""
+
 msgid "Open in Web IDE"
 msgstr ""
 

spec/features/projects/files/user_browses_lfs_files_spec.rb

@@ -72,7 +72,7 @@ RSpec.describe 'Projects > Files > User browses LFS files' do
         expect(page).not_to have_content('Blame')
 
         expect(page).not_to have_selector(:link_or_button, text: /^Edit$/)
-        expect(page).to have_selector(:link_or_button, 'Edit in Web IDE')
+        expect(page).to have_selector(:link_or_button, 'Open in Web IDE')
       end
     end
   end