diff --git a/apps/remix-ide-e2e/src/tests/homeTab.test.ts b/apps/remix-ide-e2e/src/tests/homeTab.test.ts
new file mode 100644
index 0000000000..c5f19f290d
--- /dev/null
+++ b/apps/remix-ide-e2e/src/tests/homeTab.test.ts
@@ -0,0 +1,16 @@
+'use strict'
+import { NightwatchBrowser } from 'nightwatch'
+import init from '../helpers/init'
+
+describe('HomeTab e2e test', function () {
+
+    before(function (browser: NightwatchBrowser, done: VoidFunction) {
+        init(browser, done)
+    })
+  
+    it('Should create new file', function (browser: NightwatchBrowser) {
+        browser
+        .waitForElementVisible('*[data-id="homeTabNewFile"]')
+        .click('*[data-id="homeTabNewFile"]')
+    })
+})
\ No newline at end of file
diff --git a/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx b/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx
index 07120d63dc..2914b9ee69 100644
--- a/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx
+++ b/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx
@@ -273,7 +273,7 @@ export const RemixUiHomeTab = (props: RemixUiHomeTabProps) => {
                 <h4>File</h4>
                 <p className="mb-1">
                   <i className="mr-2 far fa-file"></i>
-                  <label className="ml-1 mb-1 remixui_home_text" onClick={() => createNewFile()}>New File</label>
+                  <label className="ml-1 mb-1 remixui_home_text" data-id="homeTabNewFile" onClick={() => createNewFile()}>New File</label>
                 </p>
                 <p className="mb-1">
                   <i className="mr-2 far fa-file-alt"></i>