e2es

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

@@ -28,7 +28,7 @@ module.exports = {
   'Loads Main View': function (browser: NightwatchBrowser) {
     browser.waitForElementVisible('div[data-id="mainPanelPluginsContainer"]')
       .waitForElementVisible('div[data-id="landingPageHomeContainer"]')
-      .waitForElementVisible('div[data-id="landingPageHpSections"]')
+      .waitForElementVisible('div[data-id="remixUIHTAll"]')
       .waitForElementVisible('div[data-id="terminalContainer"]')
   },
 

libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx

@@ -138,7 +138,7 @@ function HomeTabFile ({plugin}: HomeTabFileProps) {
       <Toaster message={state.toasterMsg} />
       <div className="justify-content-start mt-3 p-2 border-bottom d-flex flex-column" id="hTFileSection">
         <label style={{fontSize: "1rem"}}>Files</label>
-        <button className="btn btn-primary p-2 border my-1" style={{width: 'fit-content'}} onClick={() => createNewFile()}>New File</button>
+        <button className="btn btn-primary p-2 border my-1" data-id="homeTabNewFile" style={{width: 'fit-content'}} onClick={() => createNewFile()}>New File</button>
         <label className="btn p-2 border my-1" style={{width: 'fit-content'}} htmlFor="openFileInput">Open File</label>
         <input title="open file" type="file" id="openFileInput" onChange={(event) => {
           event.stopPropagation()
@@ -149,7 +149,7 @@ function HomeTabFile ({plugin}: HomeTabFileProps) {
         <label className="pt-2">Load From</label>
         <div className="d-flex">
           <button className="btn p-2 border mr-2" data-id="landingPageImportFromGitHubButton" onClick={() => showFullMessage('GitHub', 'github URL', ['https://github.com/0xcert/ethereum-erc721/src/contracts/tokens/nf-token-metadata.sol', 'https://github.com/OpenZeppelin/openzeppelin-solidity/blob/67bca857eedf99bf44a4b6a0fc5b5ed553135316/contracts/access/Roles.sol'])}>GitHub</button>
-          <button className="btn p-2 border mr-2" data-id="landingPalandingPageImportFromGistButtongeImportFromGistButton" onClick={() => importFromGist()}>Gist</button>
+          <button className="btn p-2 border mr-2" data-id="landingPageImportFromGistButton" onClick={() => importFromGist()}>Gist</button>
           <button className="btn p-2 border mr-2" onClick={() => showFullMessage('Ipfs', 'ipfs URL', ['ipfs://<ipfs-hash>'])}>IPFS</button> 
           <button className="btn p-2 border" onClick={() => showFullMessage('Https', 'http/https raw content', ['https://raw.githubusercontent.com/OpenZeppelin/openzeppelin-contracts/master/contracts/token/ERC20/ERC20.sol'])}>HTTPS</button>
         </div>

libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx

@@ -32,7 +32,6 @@ export const RemixUiHomeTab = (props: RemixUiHomeTabProps) => {
   useEffect(() => {
     plugin.call('theme', 'currentTheme').then((theme) => {
       // update theme quality. To be used for for images
-      console.log("currentTheme on ", theme.quality )
       setState(prevState => {
         return { ...prevState, themeQuality: theme.quality === 'dark' ? themes.dark : themes.light }
       })
@@ -46,7 +45,7 @@ export const RemixUiHomeTab = (props: RemixUiHomeTabProps) => {
   }, [])
   
   return (
-    <div className="d-flex flex-row w-100" id="remixUIHTAll">
+    <div className="d-flex flex-row w-100" data-id="remixUIHTAll">
       <ThemeContext.Provider value={ state.themeQuality }>
         <div className="px-2 pl-3 justify-content-start d-flex border-right flex-column" id="remixUIHTLeft" style={{flex: 2, minWidth: "35%"}}>
           <HomeTabTitle />