workspace templates e2e

apps/remix-ide-e2e/src/tests/workspace.test.ts

@@ -31,9 +31,83 @@ module.exports = {
       .waitForElementNotPresent('[data-id="landingPageHomeContainer"]')
   },
 
-  'Should create two workspace and switch to the first one #group1': function (browser: NightwatchBrowser) {
+  // WORKSPACE TEMPLATES E2E START
+
+  'Should create Remix default workspace with files': function (browser: NightwatchBrowser) {
     browser
       .clickLaunchIcon('filePanel')
+      .click('*[data-id="workspaceCreate"]')
+      .waitForElementVisible('*[data-id="modalDialogCustomPromptTextCreate"]')
+      .waitForElementVisible('[data-id="fileSystemModalDialogModalFooter-react"] > span')
+      // eslint-disable-next-line dot-notation
+      .execute(function () { document.querySelector('*[data-id="modalDialogCustomPromptTextCreate"]')['value'] = 'workspace_remix_default' })
+      .waitForElementPresent('[data-id="fileSystemModalDialogModalFooter-react"] .modal-ok')
+      .execute(function () { (document.querySelector('[data-id="fileSystemModalDialogModalFooter-react"] .modal-ok') as HTMLElement).click() })
+      .pause(1000)
+      .assert.elementPresent('*[data-id="treeViewLitreeViewItemcontracts"]')
+      .assert.elementPresent('*[data-id="treeViewLitreeViewItemcontracts/1_Storage.sol"]')
+      .assert.elementPresent('*[data-id="treeViewLitreeViewItemcontracts/2_Owner.sol"]')
+      .assert.elementPresent('*[data-id="treeViewLitreeViewItemcontracts/3_Ballot.sol"]')
+      .assert.elementPresent('*[data-id="treeViewLitreeViewItemscripts"]')
+      .assert.elementPresent('*[data-id="treeViewLitreeViewItemscripts/deploy_with_web3.ts"]')
+      .assert.elementPresent('*[data-id="treeViewLitreeViewItemscripts/deploy_with_ethers.ts"]')
+      .assert.elementPresent('*[data-id="treeViewLitreeViewItemscripts/web3.ts"]')
+      .assert.elementPresent('*[data-id="treeViewLitreeViewItemscripts/ethers.ts"]')
+      .assert.elementPresent('*[data-id="treeViewLitreeViewItemtests"]')
+      .assert.elementPresent('*[data-id="treeViewLitreeViewItemtests/storage.test.js"]')
+      .assert.elementPresent('*[data-id="treeViewLitreeViewItemtests/Ballot_test.sol"]')
+      .assert.elementPresent('*[data-id="treeViewLitreeViewItemREADME.txt"]')
+  },
+
+  'Should create blank workspace with no files': function (browser: NightwatchBrowser) {
+    browser
+      .click('*[data-id="workspaceCreate"]')
+      .waitForElementVisible('*[data-id="modalDialogCustomPromptTextCreate"]')
+      .waitForElementVisible('[data-id="fileSystemModalDialogModalFooter-react"] > span')
+      // eslint-disable-next-line dot-notation
+      .execute(function () { document.querySelector('*[data-id="modalDialogCustomPromptTextCreate"]')['value'] = 'workspace_blank' })
+      .click('select[id="wstemplate"]')
+      .click('select[id="wstemplate"] option[value=blank]')
+      .waitForElementPresent('[data-id="fileSystemModalDialogModalFooter-react"] .modal-ok')
+      .execute(function () { (document.querySelector('[data-id="fileSystemModalDialogModalFooter-react"] .modal-ok') as HTMLElement).click() })
+      .pause(1000)
+      .assert.elementPresent('*[data-id="treeViewUltreeViewMenu"]')
+      .execute(function () {
+        const fileList = document.querySelector('*[data-id="treeViewUltreeViewMenu"]')
+        return fileList.getElementsByTagName('li').length;
+      }, [], function(result){
+          // check there are no files in FE
+          browser.assert.equal(result.value, 0, 'Incorrect number of files');
+      });
+  },
+
+  'Should create ERC20 workspace with files': function (browser: NightwatchBrowser) {
+    browser
+      .click('*[data-id="workspaceCreate"]')
+      .waitForElementVisible('*[data-id="modalDialogCustomPromptTextCreate"]')
+      .waitForElementVisible('[data-id="fileSystemModalDialogModalFooter-react"] > span')
+      // eslint-disable-next-line dot-notation
+      .execute(function () { document.querySelector('*[data-id="modalDialogCustomPromptTextCreate"]')['value'] = 'workspace_erc20' })
+      .click('select[id="wstemplate"]')
+      .click('select[id="wstemplate"] option[value=erc20]')
+      .waitForElementPresent('[data-id="fileSystemModalDialogModalFooter-react"] .modal-ok')
+      .execute(function () { (document.querySelector('[data-id="fileSystemModalDialogModalFooter-react"] .modal-ok') as HTMLElement).click() })
+      .pause(1000)
+      .assert.elementPresent('*[data-id="treeViewLitreeViewItemcontracts"]')
+      .assert.elementPresent('*[data-id="treeViewLitreeViewItemcontracts/SampleERC20.sol"]')
+      .assert.elementPresent('*[data-id="treeViewLitreeViewItemscripts"]')
+      .assert.elementPresent('*[data-id="treeViewLitreeViewItemscripts/deploy_with_web3.ts"]')
+      .assert.elementPresent('*[data-id="treeViewLitreeViewItemscripts/deploy_with_ethers.ts"]')
+      .assert.elementPresent('*[data-id="treeViewLitreeViewItemscripts/web3.ts"]')
+      .assert.elementPresent('*[data-id="treeViewLitreeViewItemscripts/ethers.ts"]')
+      .assert.elementPresent('*[data-id="treeViewLitreeViewItemtests"]')
+      .assert.elementPresent('*[data-id="treeViewLitreeViewItemtests/SampleERC20_test.sol"]')
+  },
+
+  // WORKSPACE TEMPLATES E2E END
+
+  'Should create two workspace and switch to the first one': function (browser: NightwatchBrowser) {
+    browser
       .click('*[data-id="workspaceCreate"]') // create workspace_name
       .waitForElementVisible('*[data-id="modalDialogCustomPromptTextCreate"]')
       .waitForElementVisible('[data-id="fileSystemModalDialogModalFooter-react"] > span')