Add ActionMenu translations to Storybook (#1127)

* port changes from the other branch

* regen snapshots

* revert some debugging

* add snapshots

* update snapshots again

* increased timeout on the stories

* remove vrt on open menu action menu stories

* remove redundant snapshots

* remove another story

Author: rezrah

apps/storybook/static/locales/de/ActionMenu.json

@@ -0,0 +1,24 @@
+{
+  "select_github_feature": "Eine GitHub-Funktion auswählen",
+  "github_features": "GitHub-Funktionen",
+  "select_country": "Ein Land auswählen",
+  "countries": "Länder",
+  "select_location": "Einen Standort auswählen",
+  "locations": "Standorte",
+  "select_size": "Eine Größe auswählen",
+  "advanced_security": "Erweiterte Sicherheit",
+  "open_menu": "Menü öffnen",
+  "install_copilot_vscode": "Copilot in Visual Studio Code installieren",
+  "alternative_options": "Alternative Optionen",
+  "alternative_editors": "Alternative Editoren",
+  "see_plans_pricing": "Pläne und Preise anzeigen",
+  "label": "Bezeichnung",
+  "actions": "Aktionen",
+  "copy_link": "Link kopieren",
+  "quote_reply": "Antwort zitieren",
+  "edit_comment": "Kommentar bearbeiten",
+  "europe_middle_east_africa": "Europa, Naher Osten und Afrika",
+  "americas": "Amerika",
+  "asia_pacific": "Asien-Pazifik",
+  "hero_heading": "Das ist meine super süße Hero-Überschrift"
+}

apps/storybook/static/locales/en/ActionMenu.json

@@ -0,0 +1,24 @@
+{
+  "select_github_feature": "Select a GitHub feature",
+  "github_features": "GitHub features",
+  "select_country": "Select a country",
+  "countries": "Countries",
+  "select_location": "Select a location",
+  "locations": "Locations",
+  "select_size": "Select a size",
+  "advanced_security": "Advanced Security",
+  "open_menu": "Open menu",
+  "install_copilot_vscode": "Install Copilot in Visual Studio Code",
+  "alternative_options": "Alternative options",
+  "alternative_editors": "Alternative editors",
+  "see_plans_pricing": "See plans & pricing",
+  "label": "Label",
+  "actions": "Actions",
+  "copy_link": "Copy link",
+  "quote_reply": "Quote reply",
+  "edit_comment": "Edit comment",
+  "europe_middle_east_africa": "Europe, Middle East and Africa",
+  "americas": "Americas",
+  "asia_pacific": "Asia Pacific",
+  "hero_heading": "This is my super sweet hero heading"
+}

apps/storybook/static/locales/es/ActionMenu.json

@@ -0,0 +1,24 @@
+{
+  "select_github_feature": "Seleccionar una función de GitHub",
+  "github_features": "Funciones de GitHub",
+  "select_country": "Seleccionar un país",
+  "countries": "Países",
+  "select_location": "Seleccionar una ubicación",
+  "locations": "Ubicaciones",
+  "select_size": "Seleccionar un tamaño",
+  "advanced_security": "Seguridad Avanzada",
+  "open_menu": "Abrir menú",
+  "install_copilot_vscode": "Instalar Copilot en Visual Studio Code",
+  "alternative_options": "Opciones alternativas",
+  "alternative_editors": "Editores alternativos",
+  "see_plans_pricing": "Ver planes y precios",
+  "label": "Etiqueta",
+  "actions": "Acciones",
+  "copy_link": "Copiar enlace",
+  "quote_reply": "Citar respuesta",
+  "edit_comment": "Editar comentario",
+  "europe_middle_east_africa": "Europa, Medio Oriente y África",
+  "americas": "Américas",
+  "asia_pacific": "Asia Pacífico",
+  "hero_heading": "Este es mi increíble encabezado de héroe"
+}

apps/storybook/static/locales/fr/ActionMenu.json

@@ -0,0 +1,24 @@
+{
+  "select_github_feature": "Sélectionner une fonctionnalité GitHub",
+  "github_features": "Fonctionnalités GitHub",
+  "select_country": "Sélectionner un pays",
+  "countries": "Pays",
+  "select_location": "Sélectionner un emplacement",
+  "locations": "Emplacements",
+  "select_size": "Sélectionner une taille",
+  "advanced_security": "Sécurité Avancée",
+  "open_menu": "Ouvrir le menu",
+  "install_copilot_vscode": "Installer Copilot dans Visual Studio Code",
+  "alternative_options": "Options alternatives",
+  "alternative_editors": "Éditeurs alternatifs",
+  "see_plans_pricing": "Voir les plans et tarifs",
+  "label": "Étiquette",
+  "actions": "Actions",
+  "copy_link": "Copier le lien",
+  "quote_reply": "Citer la réponse",
+  "edit_comment": "Modifier le commentaire",
+  "europe_middle_east_africa": "Europe, Moyen-Orient et Afrique",
+  "americas": "Amériques",
+  "asia_pacific": "Asie-Pacifique",
+  "hero_heading": "Voici mon formidable titre de héros"
+}

apps/storybook/static/locales/ja/ActionMenu.json

@@ -0,0 +1,24 @@
+{
+  "select_github_feature": "GitHub機能を選択",
+  "github_features": "GitHub機能",
+  "select_country": "国を選択",
+  "countries": "国",
+  "select_location": "場所を選択",
+  "locations": "場所",
+  "select_size": "サイズを選択",
+  "advanced_security": "アドバンスドセキュリティ",
+  "open_menu": "メニューを開く",
+  "install_copilot_vscode": "Visual Studio CodeにCopilotをインストール",
+  "alternative_options": "代替オプション",
+  "alternative_editors": "代替エディタ",
+  "see_plans_pricing": "プランと料金を見る",
+  "label": "ラベル",
+  "actions": "アクション",
+  "copy_link": "リンクをコピー",
+  "quote_reply": "返信を引用",
+  "edit_comment": "コメントを編集",
+  "europe_middle_east_africa": "ヨーロッパ、中東、アフリカ",
+  "americas": "アメリカ大陸",
+  "asia_pacific": "アジア太平洋",
+  "hero_heading": "これは私の素晴らしいヒーロー見出しです"
+}

apps/storybook/static/locales/pt-BR/ActionMenu.json

@@ -0,0 +1,24 @@
+{
+  "select_github_feature": "Selecionar um recurso do GitHub",
+  "github_features": "Recursos do GitHub",
+  "select_country": "Selecionar um país",
+  "countries": "Países",
+  "select_location": "Selecionar uma localização",
+  "locations": "Localizações",
+  "select_size": "Selecionar um tamanho",
+  "advanced_security": "Segurança Avançada",
+  "open_menu": "Abrir menu",
+  "install_copilot_vscode": "Instalar Copilot no Visual Studio Code",
+  "alternative_options": "Opções alternativas",
+  "alternative_editors": "Editores alternativos",
+  "see_plans_pricing": "Ver planos e preços",
+  "label": "Rótulo",
+  "actions": "Ações",
+  "copy_link": "Copiar link",
+  "quote_reply": "Citar resposta",
+  "edit_comment": "Editar comentário",
+  "europe_middle_east_africa": "Europa, Oriente Médio e África",
+  "americas": "Américas",
+  "asia_pacific": "Ásia-Pacífico",
+  "hero_heading": "Este é meu incrível título de herói"
+}

package-lock.json

@@ -59,6 +59,9 @@
     'components-actionmenu-features--longer-lists-open': 1000, // for the menu to open
     'components-actionmenu-features--menu-alignment': 1000, // for the menu to open
     'components-actionmenu-features--disabled-item': 1000, // flakey test,
+    'components-actionmenu-features--single-selection-small-open': 1000, // for the menu to open
+    'components-actionmenu-features--split-button-alternative-menu-alignment': 1000, // for the menu to open
+    'components-actionmenu-features--anchored-positioning': 1000, // for the menu to open
     'components-box-features--animation': 6000, // for the animation
     'components-ide--playground': 2000, // for the animation
     'components-ide--default': 2000, // for the animation
@@ -110,6 +113,15 @@
     'components-subnav-features--anchor-nav-variant': 1000, // for being flakey across translations
   }
 
+  const skipLocalizationsTestsFor = [
+    'components-actionmenu-features--open-by-default', // for the menu to open
+    'components-actionmenu-features--menu-alignment', // for the menu to open
+    'components-actionmenu-features--disabled-item', // for the menu to open
+    'components-actionmenu-features--single-selection-small-open', // for the menu to open
+    'components-actionmenu-features--split-button-alternative-menu-alignment', // for the menu to open
+    'components-actionmenu-features--anchored-positioning', // for the menu to open
+  ]
+
   /**
    * Manual lookup for tests that we want to skip
    * Only add tests here that aren't suitable for visual regression testing
@@ -119,6 +131,7 @@
     'components-river--custom-logos', // for external social imagery to load
     'components-actionmenu-features--keyboard-navigation', // interaction test
     'components-actionmenu-examples--keyboard-navigation', // for the interaction test
+    'components-actionmenu-features--split-button-mode-open', // for the translations causing layout shift
     'components-animations-examples--discussions-hero', // animation only
     'components-animations-examples--progress-bars', // animation only
     'components-animations-examples--logo-bar', // animation only
@@ -220,7 +233,9 @@
           `
         }
 
-        const allLanguageTests = languages.map(language => generateTestForLanguage(language)).join('')
+        const shouldSkipLocalizations = skipLocalizationsTestsFor.includes(id)
+        const languagesToTest = shouldSkipLocalizations ? ['en'] : languages
+        const allLanguageTests = languagesToTest.map(language => generateTestForLanguage(language)).join('')
 
         if (requiresMobileViewport) {
           return (acc += `