Merge pull request #6898 from savindi7/add-testid-branding-mode

Add test IDs to branding mode toggle buttons
wso2 · Sep 19, 2024 · 70ce904 · 70ce904
2 parents 70c757b + 2e02b0b
commit 70ce904
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/.changeset/fair-nails-burn.md b/.changeset/fair-nails-burn.md
@@ -0,0 +1,5 @@
+---
+"@wso2is/admin.branding.v1": patch
+---
+
+Add Test IDs to the Branding mode toggle buttons.
diff --git a/features/admin.branding.v1/components/branding-page-layout.tsx b/features/admin.branding.v1/components/branding-page-layout.tsx
@@ -278,14 +278,18 @@ const BrandingPageLayout: FunctionComponent<BrandingPageLayoutInterface> = (
                                                 value={ brandingMode }
                                                 disabled={ isBrandingAppsRedirect }
                                             >
-                                                <ToggleButton value={ BrandingModes.ORGANIZATION }>
+                                                <ToggleButton
+                                                    data-componentid={ `${componentId}-organization-mode-button` }
+                                                    value={ BrandingModes.ORGANIZATION }
+                                                >
                                                     <BuildingIcon
                                                         className="toggle-button-icon"
                                                         size={ 14 }
                                                     />
                                                     { t("extensions:develop.branding.pageHeader.organization") }
                                                 </ToggleButton>
                                                 <ToggleButton
+                                                    data-componentid={ `${componentId}-application-mode-button` }
                                                     value={ BrandingModes.APPLICATION }
                                                     onClick={ () => {
                                                         activeTab === BrandingPreferencesConstants.TABS.TEXT_TAB_ID &&
@@ -317,6 +321,7 @@ const BrandingPageLayout: FunctionComponent<BrandingPageLayoutInterface> = (
                                             layout
                                         >
                                             <Autocomplete
+                                                data-componentId={ `${componentId}-application-dropdown` }
                                                 sx={ { width: 190 } }
                                                 readOnly={ isBrandingAppsRedirect }
                                                 clearIcon={ null }