Replace ids with data-attribute

test-browser/helpers/init.js

@@ -10,8 +10,7 @@ module.exports = function (browser, callback, url, preloadPlugins = true) {
         if (preloadPlugins) {
           initModules(browser, () => {
             browser.clickLaunchIcon('solidity')
-            console.log('called init after')
+            .pause(2000)
-            browser.pause(2000)
             .execute(() => {
               document.getElementById('autoCompile').click()
             })
@@ -26,16 +25,13 @@ module.exports = function (browser, callback, url, preloadPlugins = true) {
 
 function initModules (browser, callback) {
   browser.pause(5000)
-    .click('#icon-panel div[plugin="pluginManager"]')
+    .click('[data-id="verticalIconsKindpluginManager"]')
-    .scrollAndClick('#pluginManager article[id="remixPluginManagerListItem_solidity"] button')
+    .scrollAndClick('[data-id="pluginManagerComponentActivateButtonsolidityStaticAnalysis"]')
-    .pause(5000)
+    .scrollAndClick('[data-id="pluginManagerComponentActivateButtondebugger"]')
-    .scrollAndClick('#pluginManager article[id="remixPluginManagerListItem_udapp"] button')
+    .scrollAndClick('[data-id="verticalIconsKindfileExplorers"]')
-    .scrollAndClick('#pluginManager article[id="remixPluginManagerListItem_solidityStaticAnalysis"] button')
-    .scrollAndClick('#pluginManager article[id="remixPluginManagerListItem_debugger"] button')
-    .scrollAndClick('#icon-panel div[plugin="fileExplorers"]')
     .clickLaunchIcon('settings')
-    .setValue('#gistaccesstoken', process.env.gist_token)
+    .setValue('[data-id="settingsTabGistAccessToken"]', process.env.gist_token)
-    .click('#savegisttoken')
+    .click('[data-id="settingsTabSaveGistToken"]')
-    .click('#settingsView #Flatly') // e2e tests were initially developed with Flatly. Some tests are failing with the default one (Dark), because the dark theme put uppercase everywhere.
+    .click('[data-id="settingsTabThemeFlatly"]') // e2e tests were initially developed with Flatly. Some tests are failing with the default one (Dark), because the dark theme put uppercase everywhere.
     .perform(() => { callback() })
 }