Remove all instances of TestIDs in page objects

[cortisiko]

``### Description

We have instances where the testIDs live within the page objects instead of within the testID folder. As a result, this may be confusing to newcomers to the automation code. The solution here is to move the TestIDs from each page object into the respective testID file in the testID folder.

Technical Details

• The testID folder lives in wdio/testID. Work would be done later on to move this to the e2e folder. See ticket here: https://app.zenhub.com/workspaces/metamask-mobile-5f984938ddc0e4001d4b79cb/issues/gh/metamask/metamask-planning/1546
• The centralized location of all the testIDs files would be e2e/selectors
• File could lived in subfolders following the same structure as e2e/pages
• Files would follow *.selectors.js file mask
• Selectors would be group in objects, each for a different strategy of the selectors needed for the page object. For example:

// Main TabBarSelectors object
const TabBarSelectors = {
  WALLET_BUTTON_ID: 'tab-bar-item-Wallet',
  WALLET_BUTTON_XPATH: '//[@a;dslfja;]',
  BROWSER_BUTTON_ID: 'tab-bar-item-Browser',
  BROWSER_BUTTON_CSS: 'div nth(5)',
  ACTION_BUTTON_ID: 'tab-bar-item-Actions',
  ACTION_BUTTON_CLASS: 'button',
  SETTING_BUTTON_ID: 'tab-bar-item-Setting',
  ACTIVITY_BUTTON_ID: 'tab-bar-item-Activity',
};

// Object for ID selectors. Shared between app code and test code
 const TabBarSelectorsIDs = {
  WALLET_BUTTON_ID: TabBarSelectors.WALLET_BUTTON_ID,
  BROWSER_BUTTON_ID: TabBarSelectors.BROWSER_BUTTON_ID,
  ACTION_BUTTON_ID: TabBarSelectors.ACTION_BUTTON_ID,
  SETTING_BUTTON_ID: TabBarSelectors.SETTING_BUTTON_ID,
  ACTIVITY_BUTTON_ID: TabBarSelectors.ACTIVITY_BUTTON_ID,
};

// Object for CSS selectors
 const TabBarSelectorsByCSS = {
  WALLET_BUTTON_CSS: TabBarSelectors.BROWSER_BUTTON_CSS,
};

// Object for XPATH selectors
 const TabBarSelectorsByXPATH = {
  WALLET_BUTTON_XPATH: TabBarSelectors.WALLET_BUTTON_XPATH,
};
 
// Object for Text Selectors
 TabBarTextSelectors
 
export { TabBarSelectorsByID, TabBarSelectorsByCSS, TabBarSelectorsByXPATH };

[cortisiko]

The work here is completed. Closing EPIC