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

fmt

Browse Source
This commit is contained in:
49lf
2024-05-31 12:10:11 -04:00
parent ab56a165a4
commit b7b87a38c4
1 changed files with 54 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

112
e2e/playwright/flow-tests.spec.ts
View File

@ -27,7 +27,7 @@ document.addEventListener('mousemove', (e) =>
) )
*/ */
const deg = Math.PI*2 / 360 const deg = (Math.PI * 2) / 360
const commonPoints = { const commonPoints = {
startAt: '[9.06, -12.22]', startAt: '[9.06, -12.22]',
@ -47,9 +47,9 @@ const getTools = (opts) => {
// NOTE: these pretty much can't be perfect because of screen scaling. // NOTE: these pretty much can't be perfect because of screen scaling.
// Handle on a case-by-case. // Handle on a case-by-case.
const toU = (x, y) => [ const toU = (x, y) => [
kcRound( x*0.0854), kcRound(x * 0.0854),
kcRound(-y*0.0854), // Y is inverted in our coordinate system kcRound(-y * 0.0854), // Y is inverted in our coordinate system
]; ]
// Turn the array into a string with specific formatting // Turn the array into a string with specific formatting
const fromUToString = (xy) => `[${xy[0]}, ${xy[1]}]` const fromUToString = (xy) => `[${xy[0]}, ${xy[1]}]`
@ -58,10 +58,11 @@ const getTools = (opts) => {
const toSU = (xy) => fromUToString(toU(xy[0], xy[1])) const toSU = (xy) => fromUToString(toU(xy[0], xy[1]))
// Make it easier to click around from center ("click [from] zero zero") // Make it easier to click around from center ("click [from] zero zero")
const click00 = (x, y) => opts.page.mouse.click(opts.center.x + x, opts.center.y + y) const click00 = (x, y) =>
opts.page.mouse.click(opts.center.x + x, opts.center.y + y)
// Relative clicker, must keep state // Relative clicker, must keep state
let last = { x: 0, y: 0 }; let last = { x: 0, y: 0 }
const click00r = (x, y) => { const click00r = (x, y) => {
// reset relative coordinates when anything is undefined // reset relative coordinates when anything is undefined
if (x === undefined || y === undefined) { if (x === undefined || y === undefined) {
@ -1535,14 +1536,14 @@ const part001 = startSketchOn('XZ')
test('Can add multiple sketches', async ({ page }) => { test('Can add multiple sketches', async ({ page }) => {
test.skip(process.platform === 'darwin', 'Can add multiple sketches') test.skip(process.platform === 'darwin', 'Can add multiple sketches')
const u = await getUtils(page) const u = await getUtils(page)
const viewportSize = { width: 1200, height: 500, }; const viewportSize = { width: 1200, height: 500 }
await page.setViewportSize(viewportSize) await page.setViewportSize(viewportSize)
await page.goto('/') await page.goto('/')
await u.waitForAuthSkipAppStart() await u.waitForAuthSkipAppStart()
await u.openDebugPanel() await u.openDebugPanel()
const center = { x: viewportSize.width / 2, y: viewportSize.height / 2 }; const center = { x: viewportSize.width / 2, y: viewportSize.height / 2 }
const { toSU, click00r, expectCodeToBe } = getTools({ center, page }); const { toSU, click00r, expectCodeToBe } = getTools({ center, page })
await expect( await expect(
page.getByRole('button', { name: 'Start Sketch' }) page.getByRole('button', { name: 'Start Sketch' })
@ -1556,7 +1557,7 @@ test('Can add multiple sketches', async ({ page }) => {
200 200
) )
let codeStr = "const part001 = startSketchOn('XY')"; let codeStr = "const part001 = startSketchOn('XY')"
await page.mouse.click(center.x, viewportSize.height * 0.55) await page.mouse.click(center.x, viewportSize.height * 0.55)
await expectCodeToBe(codeStr) await expectCodeToBe(codeStr)
@ -1568,15 +1569,15 @@ test('Can add multiple sketches', async ({ page }) => {
await expectCodeToBe(codeStr) await expectCodeToBe(codeStr)
await click00r(50, 0) await click00r(50, 0)
codeStr += ` |> line(${toSU([50, 0])}, %)`; codeStr += ` |> line(${toSU([50, 0])}, %)`
await expectCodeToBe(codeStr) await expectCodeToBe(codeStr)
await click00r(0, 50) await click00r(0, 50)
codeStr += ` |> line(${toSU([0, 50])}, %)`; codeStr += ` |> line(${toSU([0, 50])}, %)`
await expectCodeToBe(codeStr) await expectCodeToBe(codeStr)
await click00r(-50, 0) await click00r(-50, 0)
codeStr += ` |> line(${toSU([-50, 0])}, %)`; codeStr += ` |> line(${toSU([-50, 0])}, %)`
await expectCodeToBe(codeStr) await expectCodeToBe(codeStr)
// exit the sketch, reset relative clicker // exit the sketch, reset relative clicker
@ -1594,7 +1595,7 @@ test('Can add multiple sketches', async ({ page }) => {
// so selecting the plane again is a bit easier. // so selecting the plane again is a bit easier.
await page.mouse.click(center.x + 30, center.y) await page.mouse.click(center.x + 30, center.y)
await page.waitForTimeout(500) // TODO detect animation ending, or disable animation await page.waitForTimeout(500) // TODO detect animation ending, or disable animation
codeStr += "const part002 = startSketchOn('XY')"; codeStr += "const part002 = startSketchOn('XY')"
await expectCodeToBe(codeStr) await expectCodeToBe(codeStr)
await u.closeDebugPanel() await u.closeDebugPanel()
@ -1603,15 +1604,15 @@ test('Can add multiple sketches', async ({ page }) => {
await expectCodeToBe(codeStr) await expectCodeToBe(codeStr)
await click00r(30, 0) await click00r(30, 0)
codeStr += ` |> line(${toSU([30 - 0.1 /* imprecision */, 0])}, %)`; codeStr += ` |> line(${toSU([30 - 0.1 /* imprecision */, 0])}, %)`
await expectCodeToBe(codeStr) await expectCodeToBe(codeStr)
await click00r(0, 30) await click00r(0, 30)
codeStr += ` |> line(${toSU([0, 30])}, %)`; codeStr += ` |> line(${toSU([0, 30])}, %)`
await expectCodeToBe(codeStr) await expectCodeToBe(codeStr)
await click00r(-30, 0) await click00r(-30, 0)
codeStr += ` |> line(${toSU([-30 + 0.1, 0])}, %)`; codeStr += ` |> line(${toSU([-30 + 0.1, 0])}, %)`
await expectCodeToBe(codeStr) await expectCodeToBe(codeStr)
click00r(undefined, undefined) click00r(undefined, undefined)
@ -2966,22 +2967,16 @@ const part002 = startSketchOn('XZ')
}) })
const wiggleMove = async (page, x, y, steps, dist, ang, amplitude, freq) => { const wiggleMove = async (page, x, y, steps, dist, ang, amplitude, freq) => {
const tau = Math.PI*2 const tau = Math.PI * 2
const deg = tau / 360 const deg = tau / 360
const step = dist / steps; const step = dist / steps
for (let i = 0, j = 0; i < dist; i += step, j += 1) { for (let i = 0, j = 0; i < dist; i += step, j += 1) {
const [x1, y1] = [ const [x1, y1] = [0, Math.sin((tau / steps) * j * freq) * amplitude]
0,
Math.sin(tau / steps * j * freq) * amplitude,
]
const [x2, y2] = [ const [x2, y2] = [
Math.cos(-ang*deg)*i - Math.sin(-ang*deg)*y1, Math.cos(-ang * deg) * i - Math.sin(-ang * deg) * y1,
Math.sin(-ang*deg)*i + Math.cos(-ang*deg)*y1, Math.sin(-ang * deg) * i + Math.cos(-ang * deg) * y1,
]
const [xr, yr] = [
x2,
y2
] ]
const [xr, yr] = [x2, y2]
await page.mouse.move(x + xr, y + yr, { steps: 2 }) await page.mouse.move(x + xr, y + yr, { steps: 2 })
} }
} }
@ -3024,9 +3019,10 @@ test.describe('Testing segment overlays', () => {
await page.mouse.move(0, 0) await page.mouse.move(0, 0)
await page.waitForTimeout(1000) await page.waitForTimeout(1000)
let x = 0, y = 0 let x = 0,
x = hoverPos.x + Math.cos(ang*deg)*32 y = 0
y = hoverPos.y - Math.sin(ang*deg)*32 x = hoverPos.x + Math.cos(ang * deg) * 32
y = hoverPos.y - Math.sin(ang * deg) * 32
await page.mouse.move(x, y) await page.mouse.move(x, y)
await wiggleMove(page, x, y, 20, 30, ang, 10, 5) await wiggleMove(page, x, y, 20, 30, ang, 10, 5)
@ -3048,8 +3044,8 @@ test.describe('Testing segment overlays', () => {
await page.mouse.move(0, 0) await page.mouse.move(0, 0)
await page.waitForTimeout(1000) await page.waitForTimeout(1000)
x = hoverPos.x + Math.cos(ang*deg)*32 x = hoverPos.x + Math.cos(ang * deg) * 32
y = hoverPos.y - Math.sin(ang*deg)*32 y = hoverPos.y - Math.sin(ang * deg) * 32
await page.mouse.move(x, y) await page.mouse.move(x, y)
await wiggleMove(page, x, y, 20, 30, ang, 10, 5) await wiggleMove(page, x, y, 20, 30, ang, 10, 5)
@ -3100,13 +3096,13 @@ test.describe('Testing segment overlays', () => {
}) => { }) => {
await page.mouse.move(0, 0) await page.mouse.move(0, 0)
await page.waitForTimeout(1000) await page.waitForTimeout(1000)
let x = 0, y = 0 let x = 0,
x = hoverPos.x + Math.cos(ang*deg)*32 y = 0
y = hoverPos.y - Math.sin(ang*deg)*32 x = hoverPos.x + Math.cos(ang * deg) * 32
y = hoverPos.y - Math.sin(ang * deg) * 32
await page.mouse.move(x, y) await page.mouse.move(x, y)
await wiggleMove(page, x, y, 20, 30, ang, 10, 5) await wiggleMove(page, x, y, 20, 30, ang, 10, 5)
await expect(page.getByText('Added variable')).not.toBeVisible() await expect(page.getByText('Added variable')).not.toBeVisible()
await expect(page.locator('.cm-content')).toContainText( await expect(page.locator('.cm-content')).toContainText(
expectBeforeUnconstrained expectBeforeUnconstrained
@ -3128,8 +3124,8 @@ test.describe('Testing segment overlays', () => {
await page.mouse.move(0, 0) await page.mouse.move(0, 0)
await page.waitForTimeout(1000) await page.waitForTimeout(1000)
x = hoverPos.x + Math.cos(ang*deg)*32 x = hoverPos.x + Math.cos(ang * deg) * 32
y = hoverPos.y - Math.sin(ang*deg)*32 y = hoverPos.y - Math.sin(ang * deg) * 32
await page.mouse.move(x, y) await page.mouse.move(x, y)
await wiggleMove(page, x, y, 20, 30, ang, 10, 5) await wiggleMove(page, x, y, 20, 30, ang, 10, 5)
@ -3217,14 +3213,14 @@ test.describe('Testing segment overlays', () => {
// Drag the sketch into view // Drag the sketch into view
await page.mouse.move(600, 64) await page.mouse.move(600, 64)
await page.mouse.down({ button: "middle" }) await page.mouse.down({ button: 'middle' })
await page.mouse.move(600, 450, { steps: 10 }) await page.mouse.move(600, 450, { steps: 10 })
await page.mouse.up({ button: "middle" }) await page.mouse.up({ button: 'middle' })
await page.mouse.move(600, 64) await page.mouse.move(600, 64)
await page.mouse.down({ button: "middle" }) await page.mouse.down({ button: 'middle' })
await page.mouse.move(600, 120, { steps: 10 }) await page.mouse.move(600, 120, { steps: 10 })
await page.mouse.up({ button: "middle" }) await page.mouse.up({ button: 'middle' })
let ang = 0 let ang = 0
@ -3237,7 +3233,7 @@ test.describe('Testing segment overlays', () => {
expectBeforeUnconstrained: '|> line([0.5, -14 + 0], %)', expectBeforeUnconstrained: '|> line([0.5, -14 + 0], %)',
expectAfterUnconstrained: '|> line([0.5, -14], %)', expectAfterUnconstrained: '|> line([0.5, -14], %)',
expectFinal: '|> line([0.5, yRel001], %)', expectFinal: '|> line([0.5, yRel001], %)',
ang: ang+180, ang: ang + 180,
}) })
console.log('line2') console.log('line2')
await clickUnconstrained({ await clickUnconstrained({
@ -3246,7 +3242,7 @@ test.describe('Testing segment overlays', () => {
expectBeforeUnconstrained: '|> line([0.5, yRel001], %)', expectBeforeUnconstrained: '|> line([0.5, yRel001], %)',
expectAfterUnconstrained: 'line([xRel001, yRel001], %)', expectAfterUnconstrained: 'line([xRel001, yRel001], %)',
expectFinal: '|> line([0.5, yRel001], %)', expectFinal: '|> line([0.5, yRel001], %)',
ang: ang+180, ang: ang + 180,
}) })
const angledLine = await u.getBoundingBox(`[data-overlay-index="1"]`) const angledLine = await u.getBoundingBox(`[data-overlay-index="1"]`)
@ -3259,7 +3255,7 @@ test.describe('Testing segment overlays', () => {
'angledLine({ angle: 3 + 0, length: 32 + 0 }, %)', 'angledLine({ angle: 3 + 0, length: 32 + 0 }, %)',
expectAfterUnconstrained: 'angledLine({ angle: 3, length: 32 + 0 }, %)', expectAfterUnconstrained: 'angledLine({ angle: 3, length: 32 + 0 }, %)',
expectFinal: 'angledLine({ angle: angle001, length: 32 + 0 }, %)', expectFinal: 'angledLine({ angle: angle001, length: 32 + 0 }, %)',
ang: ang+180, ang: ang + 180,
}) })
console.log('angledLine2') console.log('angledLine2')
await clickConstrained({ await clickConstrained({
@ -3270,7 +3266,7 @@ test.describe('Testing segment overlays', () => {
expectAfterUnconstrained: expectAfterUnconstrained:
'angledLine({ angle: angle001, length: 32 }, %)', 'angledLine({ angle: angle001, length: 32 }, %)',
expectFinal: 'angledLine({ angle: angle001, length: len001 }, %)', expectFinal: 'angledLine({ angle: angle001, length: len001 }, %)',
ang: ang+180, ang: ang + 180,
}) })
await page.mouse.move(700, 250) await page.mouse.move(700, 250)
@ -3290,7 +3286,7 @@ test.describe('Testing segment overlays', () => {
expectAfterUnconstrained: 'lineTo([5 + 33, 31.5], %)', expectAfterUnconstrained: 'lineTo([5 + 33, 31.5], %)',
expectFinal: 'lineTo([5 + 33, yAbs001], %)', expectFinal: 'lineTo([5 + 33, yAbs001], %)',
steps: 8, steps: 8,
ang: ang+180, ang: ang + 180,
}) })
console.log('lineTo2') console.log('lineTo2')
await clickConstrained({ await clickConstrained({
@ -3300,7 +3296,7 @@ test.describe('Testing segment overlays', () => {
expectAfterUnconstrained: 'lineTo([38, yAbs001], %)', expectAfterUnconstrained: 'lineTo([38, yAbs001], %)',
expectFinal: 'lineTo([xAbs001, yAbs001], %)', expectFinal: 'lineTo([xAbs001, yAbs001], %)',
steps: 8, steps: 8,
ang: ang+180, ang: ang + 180,
}) })
const xLineTo = await u.getBoundingBox(`[data-overlay-index="3"]`) const xLineTo = await u.getBoundingBox(`[data-overlay-index="3"]`)
@ -3312,7 +3308,7 @@ test.describe('Testing segment overlays', () => {
expectBeforeUnconstrained: 'xLineTo(5 + 9 - 5, %)', expectBeforeUnconstrained: 'xLineTo(5 + 9 - 5, %)',
expectAfterUnconstrained: 'xLineTo(9, %)', expectAfterUnconstrained: 'xLineTo(9, %)',
expectFinal: 'xLineTo(xAbs002, %)', expectFinal: 'xLineTo(xAbs002, %)',
ang: ang+180, ang: ang + 180,
steps: 8, steps: 8,
}) })
}) })
@ -3454,7 +3450,7 @@ const part001 = startSketchOn('XZ')
expectBeforeUnconstrained: 'yLine(21.14 + 0, %)', expectBeforeUnconstrained: 'yLine(21.14 + 0, %)',
expectAfterUnconstrained: 'yLine(21.14, %)', expectAfterUnconstrained: 'yLine(21.14, %)',
expectFinal: 'yLine(yRel001, %)', expectFinal: 'yLine(yRel001, %)',
ang: ang + 180 ang: ang + 180,
}) })
const angledLineOfXLength = await u.getBoundingBox( const angledLineOfXLength = await u.getBoundingBox(
@ -3471,7 +3467,7 @@ const part001 = startSketchOn('XZ')
'angledLineOfXLength({ angle: -179, length: 23.14 }, %)', 'angledLineOfXLength({ angle: -179, length: 23.14 }, %)',
expectFinal: expectFinal:
'angledLineOfXLength({ angle: angle001, length: 23.14 }, %)', 'angledLineOfXLength({ angle: angle001, length: 23.14 }, %)',
ang: ang + 180 ang: ang + 180,
}) })
console.log('angledLineOfXLength2') console.log('angledLineOfXLength2')
await clickUnconstrained({ await clickUnconstrained({
@ -3484,7 +3480,7 @@ const part001 = startSketchOn('XZ')
expectFinal: expectFinal:
'angledLineOfXLength({ angle: angle001, length: 23.14 }, %)', 'angledLineOfXLength({ angle: angle001, length: 23.14 }, %)',
steps: 7, steps: 7,
ang: ang + 180 ang: ang + 180,
}) })
const angledLineOfYLength = await u.getBoundingBox( const angledLineOfYLength = await u.getBoundingBox(
@ -3575,7 +3571,7 @@ const part001 = startSketchOn('XZ')
expectBeforeUnconstrained: 'angledLineToX({ angle: 3 + 0, to: 26 }, %)', expectBeforeUnconstrained: 'angledLineToX({ angle: 3 + 0, to: 26 }, %)',
expectAfterUnconstrained: 'angledLineToX({ angle: 3, to: 26 }, %)', expectAfterUnconstrained: 'angledLineToX({ angle: 3, to: 26 }, %)',
expectFinal: 'angledLineToX({ angle: angle001, to: 26 }, %)', expectFinal: 'angledLineToX({ angle: angle001, to: 26 }, %)',
ang: ang + 180 ang: ang + 180,
}) })
console.log('angledLineToX2') console.log('angledLineToX2')
await clickUnconstrained({ await clickUnconstrained({
@ -3586,7 +3582,7 @@ const part001 = startSketchOn('XZ')
expectAfterUnconstrained: expectAfterUnconstrained:
'angledLineToX({ angle: angle001, to: xAbs001 }, %)', 'angledLineToX({ angle: angle001, to: xAbs001 }, %)',
expectFinal: 'angledLineToX({ angle: angle001, to: 26 }, %)', expectFinal: 'angledLineToX({ angle: angle001, to: 26 }, %)',
ang: ang + 180 ang: ang + 180,
}) })
const angledLineToY = await u.getBoundingBox(`[data-overlay-index="10"]`) const angledLineToY = await u.getBoundingBox(`[data-overlay-index="10"]`)
@ -3601,7 +3597,7 @@ const part001 = startSketchOn('XZ')
'angledLineToY({ angle: angle002, to: 9.14 + 0 }, %)', 'angledLineToY({ angle: angle002, to: 9.14 + 0 }, %)',
expectFinal: 'angledLineToY({ angle: 89, to: 9.14 + 0 }, %)', expectFinal: 'angledLineToY({ angle: 89, to: 9.14 + 0 }, %)',
steps: process.platform === 'darwin' ? 8 : 9, steps: process.platform === 'darwin' ? 8 : 9,
ang: ang + 180 ang: ang + 180,
}) })
console.log('angledLineToY2') console.log('angledLineToY2')
await clickConstrained({ await clickConstrained({
@ -3611,7 +3607,7 @@ const part001 = startSketchOn('XZ')
'angledLineToY({ angle: 89, to: 9.14 + 0 }, %)', 'angledLineToY({ angle: 89, to: 9.14 + 0 }, %)',
expectAfterUnconstrained: 'angledLineToY({ angle: 89, to: 9.14 }, %)', expectAfterUnconstrained: 'angledLineToY({ angle: 89, to: 9.14 }, %)',
expectFinal: 'angledLineToY({ angle: 89, to: yAbs001 }, %)', expectFinal: 'angledLineToY({ angle: 89, to: yAbs001 }, %)',
ang: ang + 180 ang: ang + 180,
}) })
const angledLineThatIntersects = await u.getBoundingBox( const angledLineThatIntersects = await u.getBoundingBox(