fix: e2e tests...

e2e/playwright/fixtures/toolbarFixture.ts

@@ -76,7 +76,7 @@ export class ToolbarFixture {
     this.exitSketchBtn = page.getByTestId('sketch-exit')
     this.fileTreeBtn = page.locator('[id="files-button-holder"]')
     this.createFileBtn = page.getByTestId('create-file-button')
-    this.treeInputField = page.getByTestId('tree-input-field')
+    this.treeInputField = page.getByTestId('file-rename-field')
     this.loadButton = page.getByTestId('add-file-to-project-pane-button')
 
     this.filePane = page.locator('#files-pane')

e2e/playwright/test-utils.ts

@@ -522,7 +522,7 @@ export async function getUtils(page: Page, test_?: typeof test) {
     createNewFile: async (name: string) => {
       return test?.step(`Create a file named ${name}`, async () => {
         await page.getByTestId('create-file-button').click()
-        await page.getByTestId('tree-input-field').fill(name)
+        await page.getByTestId('file-rename-field').fill(name)
         await page.keyboard.press('Enter')
       })
     },
@@ -530,7 +530,7 @@ export async function getUtils(page: Page, test_?: typeof test) {
     createNewFolder: async (name: string) => {
       return test?.step(`Create a folder named ${name}`, async () => {
         await page.getByTestId('create-folder-button').click()
-        await page.getByTestId('tree-input-field').fill(name)
+        await page.getByTestId('file-rename-field').fill(name)
         await page.keyboard.press('Enter')
       })
     },

package-lock.json

@@ -2495,7 +2495,6 @@
     },
     "node_modules/@clack/prompts/node_modules/is-unicode-supported": {
       "version": "1.3.0",
-      "extraneous": true,
       "inBundle": true,
       "license": "MIT",
       "engines": {

src/components/Explorer/FileExplorer.tsx

@@ -214,6 +214,7 @@ export const FileExplorerRowElement = ({
     <div
       ref={rowElementRef}
       role="treeitem"
+      data-testid="file-tree-item"
       className={`h-5 flex flex-row items-center text-xs cursor-pointer -outline-offset-1 ${outlineCSS} hover:outline hover:outline-1 hover:bg-gray-300/50 hover:bg-gray-300/50 ${isSelected ? 'bg-primary/10' : ''}`}
       data-index={row.domIndex}
       data-last-element={row.domIndex === row.domLength - 1}

src/machines/systemIO/systemIOMachineDesktop.ts

@@ -288,7 +288,7 @@ export const systemIOMachineDesktop = systemIOMachine.provide({
         }
 
         return {
-          message: 'File created successfully',
+          message: 'Successfully created file.',
           fileName: newFileName,
           projectName: newProjectName,
           subRoute: input.requestedSubRoute || '',