[MM-61966] "Browse or Create channel" menu on the right of team drop-down should use a11y supported menu (#29739)

e2e-tests/cypress/tests/integration/channels/channel_sidebar/category_sorting_1_spec.ts

@@ -139,11 +139,8 @@ function createCategoryFromSidebarMenu() {
     // # Start with a new category
     const categoryName = `category-${getRandomId()}`;
 
-    // # Click on the sidebar menu dropdown
-    cy.uiGetLHSAddChannelButton().click();
-
-    // # Click on create category link
-    cy.findByText('Create new category').should('be.visible').click();
+    // # Click on the sidebar menu dropdown and select Create Category
+    cy.uiBrowseOrCreateChannel('Create new category');
 
     // # Verify that Create Category modal has shown up.
     // # Wait for a while until the modal has fully loaded, especially during first-time access.

e2e-tests/cypress/tests/integration/channels/channel_sidebar/category_sorting_spec.ts

@@ -22,11 +22,8 @@ describe('Category sorting', () => {
     });
 
     it('MM-T3916 Create Category character limit', () => {
-        // # Click on the sidebar menu dropdown
-        cy.uiGetLHSAddChannelButton().click();
-
-        // # Click on create category link
-        cy.findByText('Create new category').should('be.visible').click();
+        // # Click on the sidebar menu dropdown and select Create Category
+        cy.uiBrowseOrCreateChannel('Create new category');
 
         // # Add a name 26 characters in length e.g `abcdefghijklmnopqrstuvwxyz`
         cy.get('#editCategoryModal').should('be.visible').wait(TIMEOUTS.HALF_SEC).within(() => {

e2e-tests/cypress/tests/integration/channels/channel_sidebar/custom_categories_spec.ts

@@ -89,11 +89,8 @@ function createCategoryFromSidebarMenu() {
     // # Start with a new category
     const categoryName = `category-${getRandomId()}`;
 
-    // # Click on the sidebar menu dropdown
-    cy.uiGetLHSAddChannelButton().click();
-
-    // # Click on create category link
-    cy.findByText('Create new category').should('be.visible').click();
+    // # Click on the sidebar menu dropdown and select Create Category
+    cy.uiBrowseOrCreateChannel('Create new category');
 
     // # Verify that Create Category modal has shown up.
     // # Wait for a while until the modal has fully loaded, especially during first-time access.

e2e-tests/cypress/tests/integration/channels/channel_sidebar/new_channel_dropdown_spec.ts

@@ -61,11 +61,8 @@ describe('Channel sidebar', () => {
         cy.get('#channelHeaderTitle').should('contain', 'Town Square');
         cy.url().should('include', `/${teamName}/channels/town-square`);
 
-        // # Click the New Channel Dropdown button
-        cy.uiGetLHSAddChannelButton().should('be.visible').click();
-
-        // # Click the Browse channels dropdown item
-        cy.get('.AddChannelDropdown .MenuItem:contains(Browse channels) button').should('be.visible').click();
+        // # Click on the sidebar menu dropdown and select browse channels
+        cy.uiBrowseOrCreateChannel('Browse channels');
 
         // * Verify that the more channels modal is visible
         cy.get('#browseChannelsModal').should('be.visible');