ByoungSooPark/modeling-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: updating button role to the treeitem

Browse Source
This commit is contained in:
Kevin
2025-06-25 13:42:27 -05:00
parent 95fe5a3320
commit 6927d26b5b
2 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
e2e/playwright/test-utils.ts
View File

@ -538,7 +538,7 @@ export async function getUtils(page: Page, test_?: typeof test) {
cloneFile: async (name: string) => { cloneFile: async (name: string) => {
return test?.step(`Cloning file '${name}'`, async () => { return test?.step(`Cloning file '${name}'`, async () => {
await page await page
.locator('[data-testid="file-pane-scroll-container"] button') .locator('[data-testid="file-pane-scroll-container"] [role=treeitem]')
.filter({ hasText: name }) .filter({ hasText: name })
.click({ button: 'right' }) .click({ button: 'right' })
await page.getByTestId('context-menu-clone').click() await page.getByTestId('context-menu-clone').click()
@ -548,7 +548,7 @@ export async function getUtils(page: Page, test_?: typeof test) {
selectFile: async (name: string) => { selectFile: async (name: string) => {
return test?.step(`Select ${name}`, async () => { return test?.step(`Select ${name}`, async () => {
await page await page
.locator('[data-testid="file-pane-scroll-container"] button') .locator('[data-testid="file-pane-scroll-container"] [role=treeitem]')
.filter({ hasText: name }) .filter({ hasText: name })
.click() .click()
await expect(page.getByTestId('project-sidebar-toggle')).toContainText( await expect(page.getByTestId('project-sidebar-toggle')).toContainText(
@ -564,7 +564,7 @@ export async function getUtils(page: Page, test_?: typeof test) {
await page.getByTestId('file-rename-field').fill(name) await page.getByTestId('file-rename-field').fill(name)
await page.keyboard.press('Enter') await page.keyboard.press('Enter')
const newFile = page const newFile = page
.locator('[data-testid="file-pane-scroll-container"] button') .locator('[data-testid="file-pane-scroll-container"] [role=treeitem]')
.filter({ hasText: name }) .filter({ hasText: name })
await expect(newFile).toBeVisible() await expect(newFile).toBeVisible()
@ -575,14 +575,14 @@ export async function getUtils(page: Page, test_?: typeof test) {
renameFile: async (fromName: string, toName: string) => { renameFile: async (fromName: string, toName: string) => {
return test?.step(`Rename ${fromName} to ${toName}`, async () => { return test?.step(`Rename ${fromName} to ${toName}`, async () => {
await page await page
.locator('[data-testid="file-pane-scroll-container"] button') .locator('[data-testid="file-pane-scroll-container"] [role=treeitem]')
.filter({ hasText: fromName }) .filter({ hasText: fromName })
.click({ button: 'right' }) .click({ button: 'right' })
await page.getByTestId('context-menu-rename').click() await page.getByTestId('context-menu-rename').click()
await page.getByTestId('file-rename-field').fill(toName) await page.getByTestId('file-rename-field').fill(toName)
await page.keyboard.press('Enter') await page.keyboard.press('Enter')
await page await page
.locator('[data-testid="file-pane-scroll-container"] button') .locator('[data-testid="file-pane-scroll-container"] [role=treeitem]')
.filter({ hasText: toName }) .filter({ hasText: toName })
.click() .click()
}) })
@ -591,7 +591,7 @@ export async function getUtils(page: Page, test_?: typeof test) {
deleteFile: async (name: string) => { deleteFile: async (name: string) => {
return test?.step(`Delete ${name}`, async () => { return test?.step(`Delete ${name}`, async () => {
await page await page
.locator('[data-testid="file-pane-scroll-container"] button') .locator('[data-testid="file-pane-scroll-container"] [role=treeitem]')
.filter({ hasText: name }) .filter({ hasText: name })
.click({ button: 'right' }) .click({ button: 'right' })
await page.getByTestId('context-menu-delete').click() await page.getByTestId('context-menu-delete').click()

1
src/components/Explorer/ProjectExplorer.tsx
View File

@ -657,6 +657,7 @@ export const ProjectExplorer = ({
> >
<div <div
className={`absolute w-full h-full ${activeIndex === -1 ? 'border-sky-500' : ''}`} className={`absolute w-full h-full ${activeIndex === -1 ? 'border-sky-500' : ''}`}
data-testid="file-pane-scroll-container"
tabIndex={0} tabIndex={0}
role="tree" role="tree"
aria-label="Files Explorer" aria-label="Files Explorer"