53e0277acc
* Adding projects folder change test * Missed a bunch of promises that need awaited * Await on electronApp.evaluate too
715 lines
24 KiB
TypeScript
715 lines
24 KiB
TypeScript
import { test, expect } from '@playwright/test'
|
|
import { getUtils, setupElectron, tearDown } from './test-utils'
|
|
import fsp from 'fs/promises'
|
|
import fs from 'fs'
|
|
|
|
test.afterEach(async ({ page }, testInfo) => {
|
|
await tearDown(page, testInfo)
|
|
})
|
|
|
|
test(
|
|
'Rename and delete projects, also spam arrow keys when renaming',
|
|
{ tag: '@electron' },
|
|
async ({ browserName }, testInfo) => {
|
|
const { electronApp, page } = await setupElectron({
|
|
testInfo,
|
|
folderSetupFn: async (dir) => {
|
|
await fsp.mkdir(`${dir}/router-template-slate`, { recursive: true })
|
|
await fsp.copyFile(
|
|
'src/wasm-lib/tests/executor/inputs/router-template-slate.kcl',
|
|
`${dir}/router-template-slate/main.kcl`
|
|
)
|
|
const _1975 = new Date('1975-01-01T00:01:11')
|
|
fs.utimesSync(`${dir}/router-template-slate/main.kcl`, _1975, _1975)
|
|
|
|
await fsp.mkdir(`${dir}/bracket`, { recursive: true })
|
|
await fsp.copyFile(
|
|
'src/wasm-lib/tests/executor/inputs/focusrite_scarlett_mounting_braket.kcl',
|
|
`${dir}/bracket/main.kcl`
|
|
)
|
|
const _1985 = new Date('1985-01-01T00:02:22')
|
|
fs.utimesSync(`${dir}/bracket/main.kcl`, _1985, _1985)
|
|
|
|
await new Promise((r) => setTimeout(r, 1_000))
|
|
await fsp.mkdir(`${dir}/lego`, { recursive: true })
|
|
await fsp.copyFile(
|
|
'src/wasm-lib/tests/executor/inputs/lego.kcl',
|
|
`${dir}/lego/main.kcl`
|
|
)
|
|
const _1995 = new Date('1995-01-01T00:03:33')
|
|
fs.utimesSync(`${dir}/lego/main.kcl`, _1995, _1995)
|
|
},
|
|
})
|
|
|
|
await page.setViewportSize({ width: 1200, height: 500 })
|
|
|
|
page.on('console', console.log)
|
|
|
|
await page.waitForTimeout(1_000)
|
|
|
|
await test.step('rename a project clicking buttons checking left and right arrow does not impact the text', async () => {
|
|
const routerTemplate = page.getByText('router-template-slate')
|
|
|
|
await routerTemplate.hover()
|
|
await routerTemplate.focus()
|
|
|
|
await expect(page.getByLabel('sketch').last()).toBeVisible()
|
|
await page.getByLabel('sketch').last().click()
|
|
|
|
const selectedText = await page.evaluate(() => {
|
|
const selection = window.getSelection()
|
|
return selection ? selection.toString() : ''
|
|
})
|
|
|
|
expect(selectedText).toBe('router-template-slate')
|
|
|
|
await page.waitForTimeout(100)
|
|
|
|
// type "updated project name"
|
|
await page.keyboard.press('Backspace')
|
|
await page.keyboard.type('updated project name')
|
|
|
|
for (let i = 0; i < 10; i++) {
|
|
await page.keyboard.press('ArrowRight')
|
|
}
|
|
for (let i = 0; i < 30; i++) {
|
|
await page.keyboard.press('ArrowLeft')
|
|
}
|
|
|
|
await page.getByLabel('checkmark').last().click()
|
|
|
|
await expect(page.getByText('Successfully renamed')).toBeVisible()
|
|
await expect(page.getByText('Successfully renamed')).not.toBeVisible()
|
|
await expect(page.getByText('updated project name')).toBeVisible()
|
|
})
|
|
|
|
await test.step('update a project by hitting enter', async () => {
|
|
const project = page.getByText('updated project name')
|
|
|
|
await project.hover()
|
|
await project.focus()
|
|
|
|
await expect(page.getByLabel('sketch').last()).toBeVisible()
|
|
await page.getByLabel('sketch').last().click()
|
|
|
|
const selectedText = await page.evaluate(() => {
|
|
const selection = window.getSelection()
|
|
return selection ? selection.toString() : ''
|
|
})
|
|
|
|
expect(selectedText).toBe('updated project name')
|
|
|
|
// type "updated project name"
|
|
await page.keyboard.press('Backspace')
|
|
await page.keyboard.type('updated name again')
|
|
|
|
await page.keyboard.press('Enter')
|
|
|
|
await expect(page.getByText('Successfully renamed')).toBeVisible()
|
|
await expect(page.getByText('Successfully renamed')).not.toBeVisible()
|
|
|
|
await expect(page.getByText('updated name again')).toBeVisible()
|
|
})
|
|
|
|
await test.step('Cancel and edit by clicking the x button', async () => {
|
|
const project = page.getByText('updated name again')
|
|
|
|
await project.hover()
|
|
await project.focus()
|
|
|
|
await expect(page.getByLabel('sketch').last()).toBeVisible()
|
|
await page.getByLabel('sketch').last().click()
|
|
|
|
const selectedText = await page.evaluate(() => {
|
|
const selection = window.getSelection()
|
|
return selection ? selection.toString() : ''
|
|
})
|
|
|
|
expect(selectedText).toBe('updated name again')
|
|
|
|
await page.keyboard.press('Backspace')
|
|
await page.keyboard.type('dismiss this text')
|
|
|
|
await page.getByLabel('close').last().click()
|
|
|
|
await expect(page.getByText('updated name again')).toBeVisible()
|
|
})
|
|
|
|
await test.step('Cancel and edit by pressing esc', async () => {
|
|
const project = page.getByText('updated name again')
|
|
|
|
await project.hover()
|
|
await project.focus()
|
|
|
|
await expect(page.getByLabel('sketch').last()).toBeVisible()
|
|
await page.getByLabel('sketch').last().click()
|
|
|
|
const selectedText = await page.evaluate(() => {
|
|
const selection = window.getSelection()
|
|
return selection ? selection.toString() : ''
|
|
})
|
|
|
|
expect(selectedText).toBe('updated name again')
|
|
|
|
await page.keyboard.press('Backspace')
|
|
await page.keyboard.type('dismiss this text')
|
|
|
|
await page.keyboard.press('Escape')
|
|
|
|
await expect(page.getByText('updated name again')).toBeVisible()
|
|
})
|
|
|
|
await test.step('delete a project by clicking the trash button', async () => {
|
|
const project = page.getByText('updated name again')
|
|
|
|
await project.hover()
|
|
await project.focus()
|
|
|
|
await expect(page.getByLabel('trash').last()).toBeVisible()
|
|
await page.getByLabel('trash').last().click()
|
|
|
|
await expect(page.getByText('This will permanently delete')).toBeVisible()
|
|
|
|
await page.getByTestId('delete-confirmation').click()
|
|
|
|
await expect(page.getByText('Successfully deleted')).toBeVisible()
|
|
await expect(page.getByText('Successfully deleted')).not.toBeVisible()
|
|
|
|
await expect(page.getByText('updated name again')).not.toBeVisible()
|
|
})
|
|
|
|
await test.step('rename a project to an empty string should make the field complain', async () => {
|
|
const routerTemplate = page.getByText('bracket')
|
|
|
|
await routerTemplate.hover()
|
|
await routerTemplate.focus()
|
|
|
|
await expect(page.getByLabel('sketch').last()).toBeVisible()
|
|
await page.getByLabel('sketch').last().click()
|
|
|
|
const selectedText = await page.evaluate(() => {
|
|
const selection = window.getSelection()
|
|
return selection ? selection.toString() : ''
|
|
})
|
|
|
|
expect(selectedText).toBe('bracket')
|
|
|
|
// type "updated project name"
|
|
await page.keyboard.press('Backspace')
|
|
|
|
await page.keyboard.press('Enter')
|
|
await page.waitForTimeout(100)
|
|
await page.keyboard.press('Enter')
|
|
await page.waitForTimeout(100)
|
|
await page.keyboard.press('Escape')
|
|
|
|
// expect the name not to have changed
|
|
await expect(page.getByText('bracket')).toBeVisible()
|
|
})
|
|
|
|
await electronApp.close()
|
|
}
|
|
)
|
|
|
|
test(
|
|
'pressing "delete" on home screen should do nothing',
|
|
{ tag: '@electron' },
|
|
async ({ browserName }, testInfo) => {
|
|
const { electronApp, page } = await setupElectron({
|
|
testInfo,
|
|
folderSetupFn: async (dir) => {
|
|
await fsp.mkdir(`${dir}/router-template-slate`, { recursive: true })
|
|
await fsp.copyFile(
|
|
'src/wasm-lib/tests/executor/inputs/router-template-slate.kcl',
|
|
`${dir}/router-template-slate/main.kcl`
|
|
)
|
|
},
|
|
})
|
|
await page.setViewportSize({ width: 1200, height: 500 })
|
|
|
|
page.on('console', console.log)
|
|
|
|
await expect(page.getByText('router-template-slate')).toBeVisible()
|
|
await expect(page.getByText('Your Projects')).toBeVisible()
|
|
|
|
await page.keyboard.press('Delete')
|
|
await page.waitForTimeout(200)
|
|
await page.keyboard.press('Delete')
|
|
|
|
// expect to still be on the home page
|
|
await expect(page.getByText('router-template-slate')).toBeVisible()
|
|
await expect(page.getByText('Your Projects')).toBeVisible()
|
|
|
|
await electronApp.close()
|
|
}
|
|
)
|
|
test.fixme(
|
|
'File in the file pane should open with a single click',
|
|
{ tag: '@electron' },
|
|
async ({ browserName }, testInfo) => {
|
|
const { electronApp, page } = await setupElectron({
|
|
testInfo,
|
|
folderSetupFn: async (dir) => {
|
|
await fsp.mkdir(`${dir}/router-template-slate`, { recursive: true })
|
|
await fsp.copyFile(
|
|
'src/wasm-lib/tests/executor/inputs/router-template-slate.kcl',
|
|
`${dir}/router-template-slate/main.kcl`
|
|
)
|
|
await fsp.copyFile(
|
|
'src/wasm-lib/tests/executor/inputs/focusrite_scarlett_mounting_braket.kcl',
|
|
`${dir}/router-template-slate/otherThingToClickOn.kcl`
|
|
)
|
|
},
|
|
})
|
|
const u = await getUtils(page)
|
|
await page.setViewportSize({ width: 1200, height: 500 })
|
|
|
|
page.on('console', console.log)
|
|
|
|
await page.getByText('router-template-slate').click()
|
|
await expect(page.getByTestId('loading')).toBeAttached()
|
|
await expect(page.getByTestId('loading')).not.toBeAttached({
|
|
timeout: 20_000,
|
|
})
|
|
|
|
await expect(u.codeLocator).toContainText('routerDiameter')
|
|
await expect(u.codeLocator).toContainText('templateGap')
|
|
await expect(u.codeLocator).toContainText('minClampingDistance')
|
|
|
|
await page.getByRole('button', { name: 'Project Files' }).click()
|
|
|
|
const file = page.getByRole('button', { name: 'otherThingToClickOn.kcl' })
|
|
await expect(file).toBeVisible()
|
|
|
|
await file.click()
|
|
|
|
await expect(page.getByTestId('loading')).toBeAttached()
|
|
await expect(page.getByTestId('loading')).not.toBeAttached({
|
|
timeout: 20_000,
|
|
})
|
|
await expect(u.codeLocator).toContainText(
|
|
'A mounting bracket for the Focusrite Scarlett Solo audio interface'
|
|
)
|
|
|
|
await electronApp.close()
|
|
}
|
|
)
|
|
test(
|
|
'Can sort projects on home page',
|
|
{ tag: '@electron' },
|
|
async ({ browserName }, testInfo) => {
|
|
const { electronApp, page } = await setupElectron({
|
|
testInfo,
|
|
})
|
|
await page.setViewportSize({ width: 1200, height: 500 })
|
|
|
|
const getAllProjects = () => page.getByTestId('project-link').all()
|
|
|
|
page.on('console', console.log)
|
|
|
|
const createProjectAndRenameIt = async (name: string) =>
|
|
test.step(`Create and rename project ${name}`, async () => {
|
|
await page.getByRole('button', { name: 'New project' }).click()
|
|
await expect(page.getByText('Successfully created')).toBeVisible()
|
|
await expect(page.getByText('Successfully created')).not.toBeVisible()
|
|
|
|
await expect(page.getByText(`project-000`)).toBeVisible()
|
|
await page.getByText(`project-000`).hover()
|
|
await page.getByText(`project-000`).focus()
|
|
|
|
await page.getByLabel('sketch').first().click()
|
|
|
|
await page.waitForTimeout(100)
|
|
|
|
// type "updated project name"
|
|
await page.keyboard.press('Backspace')
|
|
await page.keyboard.type(name)
|
|
|
|
await page.getByLabel('checkmark').last().click()
|
|
})
|
|
|
|
// we need to create the folders so that the order is correct
|
|
// creating them ahead of time with fs tools means they all have the same timestamp
|
|
await createProjectAndRenameIt('router-template-slate')
|
|
// await createProjectAndRenameIt('focusrite_scarlett_mounting_braket')
|
|
await createProjectAndRenameIt('bracket')
|
|
await createProjectAndRenameIt('lego')
|
|
|
|
await test.step('should be shorted by modified initially', async () => {
|
|
const lastModifiedButton = page.getByRole('button', {
|
|
name: 'Last Modified',
|
|
})
|
|
await expect(lastModifiedButton).toBeVisible()
|
|
await expect(lastModifiedButton.getByLabel('arrow down')).toBeVisible()
|
|
})
|
|
|
|
const projectNamesOrderedByModified = [
|
|
'lego',
|
|
'bracket',
|
|
'router-template-slate',
|
|
]
|
|
await test.step('Check the order of the projects is correct', async () => {
|
|
for (const [index, projectLink] of (await getAllProjects()).entries()) {
|
|
await expect(projectLink).toContainText(
|
|
projectNamesOrderedByModified[index]
|
|
)
|
|
}
|
|
})
|
|
|
|
await test.step('Reverse modified order', async () => {
|
|
const lastModifiedButton = page.getByRole('button', {
|
|
name: 'Last Modified',
|
|
})
|
|
await lastModifiedButton.click()
|
|
await expect(lastModifiedButton).toBeVisible()
|
|
await expect(lastModifiedButton.getByLabel('arrow up')).toBeVisible()
|
|
})
|
|
|
|
await test.step('Check the order of the projects is has reversed', async () => {
|
|
for (const [index, projectLink] of (await getAllProjects()).entries()) {
|
|
await expect(projectLink).toContainText(
|
|
[...projectNamesOrderedByModified].reverse()[index]
|
|
)
|
|
}
|
|
})
|
|
|
|
await test.step('Change order to by name', async () => {
|
|
const nameButton = page.getByRole('button', {
|
|
name: 'Name',
|
|
})
|
|
await nameButton.click()
|
|
await expect(nameButton).toBeVisible()
|
|
await expect(nameButton.getByLabel('arrow down')).toBeVisible()
|
|
})
|
|
|
|
const projectNamesOrderedByName = [
|
|
'bracket',
|
|
'lego',
|
|
'router-template-slate',
|
|
]
|
|
await test.step('Check the order of the projects is by name', async () => {
|
|
for (const [index, projectLink] of (await getAllProjects()).entries()) {
|
|
await expect(projectLink).toContainText(
|
|
projectNamesOrderedByName[index]
|
|
)
|
|
}
|
|
})
|
|
|
|
await test.step('Reverse name order', async () => {
|
|
const nameButton = page.getByRole('button', {
|
|
name: 'Name',
|
|
})
|
|
await nameButton.click()
|
|
await expect(nameButton).toBeVisible()
|
|
await expect(nameButton.getByLabel('arrow up')).toBeVisible()
|
|
})
|
|
|
|
await test.step('Check the order of the projects is by name reversed', async () => {
|
|
for (const [index, projectLink] of (await getAllProjects()).entries()) {
|
|
await expect(projectLink).toContainText(
|
|
[...projectNamesOrderedByName].reverse()[index]
|
|
)
|
|
}
|
|
})
|
|
|
|
await electronApp.close()
|
|
}
|
|
)
|
|
|
|
test(
|
|
'When the project folder is empty, user can create new project and open it.',
|
|
{ tag: '@electron' },
|
|
async ({ browserName }, testInfo) => {
|
|
const { electronApp, page } = await setupElectron({ testInfo })
|
|
const u = await getUtils(page)
|
|
await page.setViewportSize({ width: 1200, height: 500 })
|
|
|
|
page.on('console', console.log)
|
|
|
|
// expect to see text "No Projects found"
|
|
await expect(page.getByText('No Projects found')).toBeVisible()
|
|
|
|
await page.getByRole('button', { name: 'New project' }).click()
|
|
|
|
await expect(page.getByText('Successfully created')).toBeVisible()
|
|
await expect(page.getByText('Successfully created')).not.toBeVisible()
|
|
|
|
await expect(page.getByText('project-000')).toBeVisible()
|
|
|
|
await page.getByText('project-000').click()
|
|
|
|
await expect(page.getByTestId('loading')).toBeAttached()
|
|
await expect(page.getByTestId('loading')).not.toBeAttached({
|
|
timeout: 20_000,
|
|
})
|
|
|
|
await expect(
|
|
page.getByRole('button', { name: 'Start Sketch' })
|
|
).toBeEnabled({
|
|
timeout: 20_000,
|
|
})
|
|
|
|
await page.locator('.cm-content')
|
|
.fill(`const sketch001 = startSketchOn('XZ')
|
|
|> startProfileAt([-87.4, 282.92], %)
|
|
|> line([324.07, 27.199], %, $seg01)
|
|
|> line([118.328, -291.754], %)
|
|
|> line([-180.04, -202.08], %)
|
|
|> lineTo([profileStartX(%), profileStartY(%)], %)
|
|
|> close(%)
|
|
const extrude001 = extrude(200, sketch001)`)
|
|
|
|
const pointOnModel = { x: 660, y: 250 }
|
|
|
|
// gray at this pixel means the stream has loaded in the most
|
|
// user way we can verify it (pixel color)
|
|
await expect
|
|
.poll(() => u.getGreatestPixDiff(pointOnModel, [132, 132, 132]), {
|
|
timeout: 10_000,
|
|
})
|
|
.toBeLessThan(10)
|
|
|
|
await expect(async () => {
|
|
await page.mouse.move(0, 0, { steps: 5 })
|
|
await page.mouse.move(pointOnModel.x, pointOnModel.y, { steps: 5 })
|
|
await page.mouse.click(pointOnModel.x, pointOnModel.y)
|
|
// check user can interact with model by checking it turns yellow
|
|
await expect
|
|
.poll(() => u.getGreatestPixDiff(pointOnModel, [176, 180, 132]))
|
|
.toBeLessThan(10)
|
|
}).toPass({ timeout: 40_000, intervals: [1_000] })
|
|
|
|
await page.getByTestId('app-logo').click()
|
|
|
|
await expect(
|
|
page.getByRole('button', { name: 'New project' })
|
|
).toBeVisible()
|
|
|
|
const createProject = async (projectNum: number) => {
|
|
await page.getByRole('button', { name: 'New project' }).click()
|
|
await expect(page.getByText('Successfully created')).toBeVisible()
|
|
await expect(page.getByText('Successfully created')).not.toBeVisible()
|
|
|
|
const projectNumStr = projectNum.toString().padStart(3, '0')
|
|
await expect(page.getByText(`project-${projectNumStr}`)).toBeVisible()
|
|
}
|
|
for (let i = 1; i <= 10; i++) {
|
|
await createProject(i)
|
|
}
|
|
await electronApp.close()
|
|
}
|
|
)
|
|
|
|
test(
|
|
'Check you can go home with two different methods, and that switching between projects does not harm the stream',
|
|
{ tag: '@electron' },
|
|
async ({ browserName }, testInfo) => {
|
|
const { electronApp, page } = await setupElectron({
|
|
testInfo,
|
|
folderSetupFn: async (dir) => {
|
|
await Promise.all([
|
|
fsp.mkdir(`${dir}/router-template-slate`, { recursive: true }),
|
|
fsp.mkdir(`${dir}/bracket`, { recursive: true }),
|
|
])
|
|
await Promise.all([
|
|
fsp.copyFile(
|
|
'src/wasm-lib/tests/executor/inputs/router-template-slate.kcl',
|
|
`${dir}/router-template-slate/main.kcl`
|
|
),
|
|
fsp.copyFile(
|
|
'src/wasm-lib/tests/executor/inputs/focusrite_scarlett_mounting_braket.kcl',
|
|
`${dir}/bracket/main.kcl`
|
|
),
|
|
])
|
|
},
|
|
})
|
|
const u = await getUtils(page)
|
|
await page.setViewportSize({ width: 1200, height: 500 })
|
|
|
|
page.on('console', console.log)
|
|
|
|
const pointOnModel = { x: 630, y: 280 }
|
|
|
|
await test.step('Opening the bracket project should load the stream', async () => {
|
|
// expect to see the text bracket
|
|
await expect(page.getByText('bracket')).toBeVisible()
|
|
|
|
await page.getByText('bracket').click()
|
|
|
|
await expect(page.getByTestId('loading')).toBeAttached()
|
|
await expect(page.getByTestId('loading')).not.toBeAttached({
|
|
timeout: 20_000,
|
|
})
|
|
|
|
await expect(
|
|
page.getByRole('button', { name: 'Start Sketch' })
|
|
).toBeEnabled({
|
|
timeout: 20_000,
|
|
})
|
|
|
|
// gray at this pixel means the stream has loaded in the most
|
|
// user way we can verify it (pixel color)
|
|
await expect
|
|
.poll(() => u.getGreatestPixDiff(pointOnModel, [75, 75, 75]), {
|
|
timeout: 10_000,
|
|
})
|
|
.toBeLessThan(10)
|
|
})
|
|
|
|
await test.step('Clicking the logo takes us back to the projects page / home', async () => {
|
|
await page.getByTestId('app-logo').click()
|
|
|
|
await expect(page.getByText('bracket')).toBeVisible()
|
|
await expect(page.getByText('router-template-slate')).toBeVisible()
|
|
await expect(page.getByText('New Project')).toBeVisible()
|
|
})
|
|
|
|
await test.step('Opening the router-template project should load the stream', async () => {
|
|
// expect to see the text bracket
|
|
await expect(page.getByText('router-template-slate')).toBeVisible()
|
|
|
|
await page.getByText('router-template-slate').click()
|
|
|
|
await expect(page.getByTestId('loading')).toBeAttached()
|
|
await expect(page.getByTestId('loading')).not.toBeAttached({
|
|
timeout: 20_000,
|
|
})
|
|
|
|
await expect(
|
|
page.getByRole('button', { name: 'Start Sketch' })
|
|
).toBeEnabled({
|
|
timeout: 20_000,
|
|
})
|
|
|
|
// gray at this pixel means the stream has loaded in the most
|
|
// user way we can verify it (pixel color)
|
|
await expect
|
|
.poll(() => u.getGreatestPixDiff(pointOnModel, [132, 132, 132]), {
|
|
timeout: 10_000,
|
|
})
|
|
.toBeLessThan(10)
|
|
})
|
|
|
|
await test.step('Opening the router-template project should load the stream', async () => {
|
|
await page.getByTestId('project-sidebar-toggle').click()
|
|
await expect(
|
|
page.getByRole('button', { name: 'Go to Home' })
|
|
).toBeVisible()
|
|
await page.getByRole('button', { name: 'Go to Home' }).click()
|
|
|
|
await expect(page.getByText('bracket')).toBeVisible()
|
|
await expect(page.getByText('router-template-slate')).toBeVisible()
|
|
await expect(page.getByText('New Project')).toBeVisible()
|
|
})
|
|
|
|
await electronApp.close()
|
|
}
|
|
)
|
|
|
|
test(
|
|
'You can change the root projects directory and nothing is lost',
|
|
{ tag: '@electron' },
|
|
async ({ browserName }, testInfo) => {
|
|
const { electronApp, page } = await setupElectron({
|
|
testInfo,
|
|
folderSetupFn: async (dir) => {
|
|
await Promise.all([
|
|
fsp.mkdir(`${dir}/router-template-slate`, { recursive: true }),
|
|
fsp.mkdir(`${dir}/bracket`, { recursive: true }),
|
|
])
|
|
await Promise.all([
|
|
fsp.copyFile(
|
|
'src/wasm-lib/tests/executor/inputs/router-template-slate.kcl',
|
|
`${dir}/router-template-slate/main.kcl`
|
|
),
|
|
fsp.copyFile(
|
|
'src/wasm-lib/tests/executor/inputs/focusrite_scarlett_mounting_braket.kcl',
|
|
`${dir}/bracket/main.kcl`
|
|
),
|
|
])
|
|
},
|
|
})
|
|
await page.setViewportSize({ width: 1200, height: 500 })
|
|
|
|
page.on('console', console.log)
|
|
|
|
// we'll grab this from the settings on screen before we switch
|
|
let originalProjectDirName: string
|
|
const newProjectDirName = testInfo.outputPath(
|
|
'electron-test-projects-dir-2'
|
|
)
|
|
if (fs.existsSync(newProjectDirName)) {
|
|
await fsp.rm(newProjectDirName, { recursive: true })
|
|
}
|
|
|
|
await test.step('We can change the root project directory', async () => {
|
|
// expect to see the project directory settings link
|
|
await expect(
|
|
page.getByTestId('project-directory-settings-link')
|
|
).toBeVisible()
|
|
|
|
await page.getByTestId('project-directory-settings-link').click()
|
|
|
|
await expect(page.getByTestId('project-directory-button')).toBeVisible()
|
|
originalProjectDirName = await page
|
|
.locator('section#projectDirectory input')
|
|
.inputValue()
|
|
|
|
// Can't use Playwright filechooser since this is happening in electron.
|
|
const handleFile = electronApp.evaluate(
|
|
async ({ dialog }, filePaths) => {
|
|
dialog.showOpenDialog = () =>
|
|
Promise.resolve({ canceled: false, filePaths })
|
|
},
|
|
[newProjectDirName]
|
|
)
|
|
await page.getByTestId('project-directory-button').click()
|
|
await handleFile
|
|
|
|
await expect(page.locator('section#projectDirectory input')).toHaveValue(
|
|
newProjectDirName
|
|
)
|
|
|
|
await page.getByTestId('settings-close-button').click()
|
|
|
|
await expect(page.getByText('No Projects found')).toBeVisible()
|
|
await page.getByRole('button', { name: 'New project' }).click()
|
|
await expect(page.getByText('Successfully created')).toBeVisible()
|
|
await expect(page.getByText('Successfully created')).not.toBeVisible()
|
|
|
|
await expect(page.getByText(`project-000`)).toBeVisible()
|
|
})
|
|
|
|
await test.step('We can change back to the original root project directory', async () => {
|
|
await expect(
|
|
page.getByTestId('project-directory-settings-link')
|
|
).toBeVisible()
|
|
|
|
await page.getByTestId('project-directory-settings-link').click()
|
|
|
|
const handleFile = electronApp.evaluate(
|
|
async ({ dialog }, filePaths) => {
|
|
dialog.showOpenDialog = () =>
|
|
Promise.resolve({ canceled: false, filePaths })
|
|
},
|
|
[originalProjectDirName]
|
|
)
|
|
await expect(page.getByTestId('project-directory-button')).toBeVisible()
|
|
|
|
await page.getByTestId('project-directory-button').click()
|
|
await handleFile
|
|
|
|
await expect(page.locator('section#projectDirectory input')).toHaveValue(
|
|
originalProjectDirName
|
|
)
|
|
|
|
await page.getByTestId('settings-close-button').click()
|
|
|
|
await expect(page.getByText('bracket')).toBeVisible()
|
|
await expect(page.getByText('router-template-slate')).toBeVisible()
|
|
})
|
|
|
|
await electronApp.close()
|
|
}
|
|
)
|