* WIP: disable more tests * Fix lint and add 2 windows skips * A snapshot a day keeps the bugs away! 📷🐛 (OS: namespace-profile-ubuntu-8-cores) * Two more skips on win * A snapshot a day keeps the bugs away! 📷🐛 (OS: namespace-profile-ubuntu-8-cores) * More skips * A snapshot a day keeps the bugs away! 📷🐛 (OS: namespace-profile-ubuntu-8-cores) * More skips * A snapshot a day keeps the bugs away! 📷🐛 (OS: namespace-profile-ubuntu-8-cores) * More skips * A snapshot a day keeps the bugs away! 📷🐛 (OS: namespace-profile-ubuntu-8-cores) * One more skip * A snapshot a day keeps the bugs away! 📷🐛 (OS: namespace-profile-ubuntu-8-cores) * More skips * A snapshot a day keeps the bugs away! 📷🐛 (OS: namespace-profile-ubuntu-8-cores) * Replace many win32 skips with tag @skipWin * More clean upp --------- Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
		
			
				
	
	
		
			1410 lines
		
	
	
		
			51 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			1410 lines
		
	
	
		
			51 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
import { test, expect, Page } from './zoo-test'
 | 
						|
 | 
						|
import { deg, getUtils, wiggleMove } from './test-utils'
 | 
						|
import { LineInputsType } from 'lang/std/sketchcombos'
 | 
						|
import { uuidv4 } from 'lib/utils'
 | 
						|
import { EditorFixture } from './fixtures/editorFixture'
 | 
						|
 | 
						|
test.describe('Testing segment overlays', { tag: ['@skipWin'] }, () => {
 | 
						|
  test.fixme(
 | 
						|
    'Hover over a segment should show its overlay, hovering over the input overlays should show its popover, clicking the input overlay should constrain/unconstrain it:\nfor the following segments',
 | 
						|
    () => {
 | 
						|
      // TODO: fix this test on mac after the electron migration
 | 
						|
      test.skip(process.platform === 'darwin', 'Skip on mac')
 | 
						|
      /**
 | 
						|
       * Clicks on an constrained element
 | 
						|
       * @param {Page} page - The page to perform the action on
 | 
						|
       * @param {Object} options - The options for the action
 | 
						|
       * @param {Object} options.hoverPos - The position to hover over
 | 
						|
       * @param {Object} options.constraintType - The type of constraint
 | 
						|
       * @param {number} options.ang - The angle
 | 
						|
       * @param {number} options.steps - The number of steps to perform
 | 
						|
       */
 | 
						|
      const _clickConstrained =
 | 
						|
        (page: Page, editor: EditorFixture) =>
 | 
						|
        async ({
 | 
						|
          hoverPos,
 | 
						|
          constraintType,
 | 
						|
          expectBeforeUnconstrained,
 | 
						|
          expectAfterUnconstrained,
 | 
						|
          expectFinal,
 | 
						|
          ang = 45,
 | 
						|
          steps = 10,
 | 
						|
          locator,
 | 
						|
        }: {
 | 
						|
          hoverPos: { x: number; y: number }
 | 
						|
          constraintType:
 | 
						|
            | 'horizontal'
 | 
						|
            | 'vertical'
 | 
						|
            | 'tangentialWithPrevious'
 | 
						|
            | LineInputsType
 | 
						|
          expectBeforeUnconstrained: string
 | 
						|
          expectAfterUnconstrained: string
 | 
						|
          expectFinal: string
 | 
						|
          ang?: number
 | 
						|
          steps?: number
 | 
						|
          locator?: string
 | 
						|
        }) => {
 | 
						|
          await expect(page.getByText('Added variable')).not.toBeVisible()
 | 
						|
 | 
						|
          await page.mouse.move(0, 0)
 | 
						|
          await page.waitForTimeout(1000)
 | 
						|
          let x = 0,
 | 
						|
            y = 0
 | 
						|
          x = hoverPos.x + Math.cos(ang * deg) * 32
 | 
						|
          y = hoverPos.y - Math.sin(ang * deg) * 32
 | 
						|
          await page.mouse.move(x, y)
 | 
						|
          await wiggleMove(page, x, y, 20, 30, ang, 10, 5, locator)
 | 
						|
          await page.mouse.move(x, y)
 | 
						|
 | 
						|
          await editor.expectEditor.toContain(expectBeforeUnconstrained, {
 | 
						|
            shouldNormalise: true,
 | 
						|
          })
 | 
						|
          const constrainedLocator = page.locator(
 | 
						|
            `[data-constraint-type="${constraintType}"][data-is-constrained="true"]`
 | 
						|
          )
 | 
						|
          await expect(constrainedLocator).toBeVisible()
 | 
						|
          await constrainedLocator.hover()
 | 
						|
          await expect(
 | 
						|
            await page.getByTestId('constraint-symbol-popover').count()
 | 
						|
          ).toBeGreaterThan(0)
 | 
						|
          await constrainedLocator.click()
 | 
						|
          await editor.expectEditor.toContain(expectAfterUnconstrained, {
 | 
						|
            shouldNormalise: true,
 | 
						|
          })
 | 
						|
 | 
						|
          await page.mouse.move(0, 0)
 | 
						|
          await page.waitForTimeout(1000)
 | 
						|
          x = hoverPos.x + Math.cos(ang * deg) * 32
 | 
						|
          y = hoverPos.y - Math.sin(ang * deg) * 32
 | 
						|
          await page.mouse.move(x, y)
 | 
						|
          await wiggleMove(page, x, y, 20, 30, ang, 10, 5, locator)
 | 
						|
          await page.mouse.move(x, y)
 | 
						|
 | 
						|
          const unconstrainedLocator = page.locator(
 | 
						|
            `[data-constraint-type="${constraintType}"][data-is-constrained="false"]`
 | 
						|
          )
 | 
						|
          await expect(unconstrainedLocator).toBeVisible()
 | 
						|
          await unconstrainedLocator.hover()
 | 
						|
          await expect(
 | 
						|
            await page.getByTestId('constraint-symbol-popover').count()
 | 
						|
          ).toBeGreaterThan(0)
 | 
						|
          await unconstrainedLocator.click()
 | 
						|
          await expect(
 | 
						|
            page.getByTestId('cmd-bar-arg-value').getByRole('textbox')
 | 
						|
          ).toBeFocused()
 | 
						|
          await page
 | 
						|
            .getByRole('button', {
 | 
						|
              name: 'arrow right Continue',
 | 
						|
            })
 | 
						|
            .click()
 | 
						|
          await expect(page.locator('.cm-content')).toContainText(expectFinal)
 | 
						|
          await editor.expectEditor.toContain(expectFinal, {
 | 
						|
            shouldNormalise: true,
 | 
						|
          })
 | 
						|
          await editor.expectEditor.toContain(expectFinal, {
 | 
						|
            shouldNormalise: true,
 | 
						|
          })
 | 
						|
        }
 | 
						|
 | 
						|
      /**
 | 
						|
       * Clicks on an unconstrained element
 | 
						|
       * @param {Page} page - The page to perform the action on
 | 
						|
       * @param {Object} options - The options for the action
 | 
						|
       * @param {Object} options.hoverPos - The position to hover over
 | 
						|
       * @param {Object} options.constraintType - The type of constraint
 | 
						|
       * @param {number} options.ang - The angle
 | 
						|
       * @param {number} options.steps - The number of steps to perform
 | 
						|
       */
 | 
						|
      const _clickUnconstrained =
 | 
						|
        (page: Page, editor: EditorFixture) =>
 | 
						|
        async ({
 | 
						|
          hoverPos,
 | 
						|
          constraintType,
 | 
						|
          expectBeforeUnconstrained,
 | 
						|
          expectAfterUnconstrained,
 | 
						|
          expectFinal,
 | 
						|
          ang = 45,
 | 
						|
          steps = 5,
 | 
						|
          locator,
 | 
						|
        }: {
 | 
						|
          hoverPos: { x: number; y: number }
 | 
						|
          constraintType:
 | 
						|
            | 'horizontal'
 | 
						|
            | 'vertical'
 | 
						|
            | 'tangentialWithPrevious'
 | 
						|
            | LineInputsType
 | 
						|
          expectBeforeUnconstrained: string
 | 
						|
          expectAfterUnconstrained: string
 | 
						|
          expectFinal: string
 | 
						|
          ang?: number
 | 
						|
          steps?: number
 | 
						|
          locator?: string
 | 
						|
        }) => {
 | 
						|
          await page.mouse.move(0, 0)
 | 
						|
          await page.waitForTimeout(1000)
 | 
						|
          let x = 0,
 | 
						|
            y = 0
 | 
						|
          x = hoverPos.x + Math.cos(ang * deg) * 32
 | 
						|
          y = hoverPos.y - Math.sin(ang * deg) * 32
 | 
						|
          await page.mouse.move(x, y)
 | 
						|
          await wiggleMove(page, x, y, 20, 30, ang, 10, 5, locator)
 | 
						|
          await page.mouse.move(x, y)
 | 
						|
 | 
						|
          await expect(page.getByText('Added variable')).not.toBeVisible()
 | 
						|
          await editor.expectEditor.toContain(expectBeforeUnconstrained, {
 | 
						|
            shouldNormalise: true,
 | 
						|
          })
 | 
						|
          const unconstrainedLocator = page.locator(
 | 
						|
            `[data-constraint-type="${constraintType}"][data-is-constrained="false"]`
 | 
						|
          )
 | 
						|
          await expect(unconstrainedLocator).toBeVisible()
 | 
						|
          await unconstrainedLocator.hover()
 | 
						|
          await expect(
 | 
						|
            await page.getByTestId('constraint-symbol-popover').count()
 | 
						|
          ).toBeGreaterThan(0)
 | 
						|
          await unconstrainedLocator.click()
 | 
						|
          await expect(
 | 
						|
            page.getByTestId('cmd-bar-arg-value').getByRole('textbox')
 | 
						|
          ).toBeFocused()
 | 
						|
          await page
 | 
						|
            .getByRole('button', {
 | 
						|
              name: 'arrow right Continue',
 | 
						|
            })
 | 
						|
            .click()
 | 
						|
          await editor.expectEditor.toContain(expectAfterUnconstrained, {
 | 
						|
            shouldNormalise: true,
 | 
						|
          })
 | 
						|
          await expect(page.getByText('Added variable')).not.toBeVisible()
 | 
						|
 | 
						|
          await page.mouse.move(0, 0)
 | 
						|
          await page.waitForTimeout(1000)
 | 
						|
          x = hoverPos.x + Math.cos(ang * deg) * 32
 | 
						|
          y = hoverPos.y - Math.sin(ang * deg) * 32
 | 
						|
          await page.mouse.move(x, y)
 | 
						|
          await wiggleMove(page, x, y, 20, 30, ang, 10, 5, locator)
 | 
						|
          await page.mouse.move(x, y)
 | 
						|
 | 
						|
          const constrainedLocator = page.locator(
 | 
						|
            `[data-constraint-type="${constraintType}"][data-is-constrained="true"]`
 | 
						|
          )
 | 
						|
          await expect(constrainedLocator).toBeVisible()
 | 
						|
          await constrainedLocator.hover()
 | 
						|
          await expect(
 | 
						|
            await page.getByTestId('constraint-symbol-popover').count()
 | 
						|
          ).toBeGreaterThan(0)
 | 
						|
          await constrainedLocator.click()
 | 
						|
          await editor.expectEditor.toContain(expectFinal, {
 | 
						|
            shouldNormalise: true,
 | 
						|
          })
 | 
						|
        }
 | 
						|
      test.setTimeout(120000)
 | 
						|
      test('for segments [line, angledLine, xLineTo]', async ({
 | 
						|
        page,
 | 
						|
        editor,
 | 
						|
        homePage,
 | 
						|
      }) => {
 | 
						|
        await page.addInitScript(async () => {
 | 
						|
          localStorage.setItem(
 | 
						|
            'persistCode',
 | 
						|
            `part001 = startSketchOn('XZ')
 | 
						|
        |> startProfileAt([5 + 0, 20 + 0], %)
 | 
						|
        |> line(end = [0.5, -14 + 0])
 | 
						|
        |> angledLine({ angle = 3 + 0, length = 32 + 0 }, %)
 | 
						|
        |> line(endAbsolute = [5 + 33, 20 + 11.5 + 0])
 | 
						|
        |> xLineTo(5 + 9 - 5, %)
 | 
						|
        |> yLineTo(20 + -10.77, %, $a)
 | 
						|
        |> xLine(26.04, %)
 | 
						|
        |> yLine(21.14 + 0, %)
 | 
						|
        |> angledLineOfXLength({ angle = 181 + 0, length = 23.14 }, %)
 | 
						|
        |> angledLineOfYLength({ angle = -91, length = 19 + 0 }, %)
 | 
						|
        |> angledLineToX({ angle = 3 + 0, to = 5 + 26 }, %)
 | 
						|
        |> angledLineToY({ angle = 89, to = 20 + 9.14 + 0 }, %)
 | 
						|
        |> angledLineThatIntersects({
 | 
						|
        angle = 4.14,
 | 
						|
        intersectTag = a,
 | 
						|
        offset = 9
 | 
						|
      }, %)
 | 
						|
        |> tangentialArcTo([5 + 3.14 + 13, 20 + 3.14], %)
 | 
						|
      `
 | 
						|
          )
 | 
						|
        })
 | 
						|
        const u = await getUtils(page)
 | 
						|
        await page.setBodyDimensions({ width: 1200, height: 500 })
 | 
						|
 | 
						|
        await homePage.goToModelingScene()
 | 
						|
 | 
						|
        // wait for execution done
 | 
						|
        await u.openDebugPanel()
 | 
						|
        await u.expectCmdLog('[data-message-type="execution-done"]')
 | 
						|
        await u.closeDebugPanel()
 | 
						|
 | 
						|
        await page.getByText('xLineTo(5 + 9 - 5, %)').click()
 | 
						|
        await page.waitForTimeout(100)
 | 
						|
        await page.getByRole('button', { name: 'Edit Sketch' }).click()
 | 
						|
        await page.waitForTimeout(500)
 | 
						|
 | 
						|
        await expect(page.getByTestId('segment-overlay')).toHaveCount(13)
 | 
						|
 | 
						|
        const clickUnconstrained = _clickUnconstrained(page, editor)
 | 
						|
        const clickConstrained = _clickConstrained(page, editor)
 | 
						|
 | 
						|
        await u.openAndClearDebugPanel()
 | 
						|
        await u.sendCustomCmd({
 | 
						|
          type: 'modeling_cmd_req',
 | 
						|
          cmd_id: uuidv4(),
 | 
						|
          cmd: {
 | 
						|
            type: 'default_camera_look_at',
 | 
						|
            vantage: { x: 80, y: -1350, z: 510 },
 | 
						|
            center: { x: 80, y: 0, z: 510 },
 | 
						|
            up: { x: 0, y: 0, z: 1 },
 | 
						|
          },
 | 
						|
        })
 | 
						|
        await page.waitForTimeout(100)
 | 
						|
        await u.sendCustomCmd({
 | 
						|
          type: 'modeling_cmd_req',
 | 
						|
          cmd_id: uuidv4(),
 | 
						|
          cmd: {
 | 
						|
            type: 'default_camera_get_settings',
 | 
						|
          },
 | 
						|
        })
 | 
						|
        await page.waitForTimeout(100)
 | 
						|
        await u.closeDebugPanel()
 | 
						|
 | 
						|
        let ang = 0
 | 
						|
 | 
						|
        const line = await u.getBoundingBox(`[data-overlay-index="${0}"]`)
 | 
						|
        ang = await u.getAngle(`[data-overlay-index="${0}"]`)
 | 
						|
        console.log('line1', line, ang)
 | 
						|
        await clickConstrained({
 | 
						|
          hoverPos: { x: line.x, y: line.y },
 | 
						|
          constraintType: 'yRelative',
 | 
						|
          expectBeforeUnconstrained: '|> line(end = [0.5, -14 + 0])',
 | 
						|
          expectAfterUnconstrained: '|> line(end = [0.5, -14])',
 | 
						|
          expectFinal: '|> line(end = [0.5, yRel001])',
 | 
						|
          ang: ang + 180,
 | 
						|
          locator: '[data-overlay-toolbar-index="0"]',
 | 
						|
        })
 | 
						|
        console.log('line2')
 | 
						|
        await clickUnconstrained({
 | 
						|
          hoverPos: { x: line.x, y: line.y },
 | 
						|
          constraintType: 'xRelative',
 | 
						|
          expectBeforeUnconstrained: '|> line(end = [0.5, yRel001])',
 | 
						|
          expectAfterUnconstrained: 'line(end = [xRel001, yRel001])',
 | 
						|
          expectFinal: '|> line(end = [0.5, yRel001])',
 | 
						|
          ang: ang + 180,
 | 
						|
          locator: '[data-overlay-index="0"]',
 | 
						|
        })
 | 
						|
 | 
						|
        const angledLine = await u.getBoundingBox(`[data-overlay-index="1"]`)
 | 
						|
        ang = await u.getAngle(`[data-overlay-index="1"]`)
 | 
						|
        console.log('angledLine1')
 | 
						|
        await clickConstrained({
 | 
						|
          hoverPos: { x: angledLine.x, y: angledLine.y },
 | 
						|
          constraintType: 'angle',
 | 
						|
          expectBeforeUnconstrained:
 | 
						|
            'angledLine({ angle = 3 + 0, length = 32 + 0 }, %)',
 | 
						|
          expectAfterUnconstrained:
 | 
						|
            'angledLine({ angle = 3, length = 32 + 0 }, %)',
 | 
						|
          expectFinal: 'angledLine({ angle = angle001, length = 32 + 0 }, %)',
 | 
						|
          ang: ang + 180,
 | 
						|
          locator: '[data-overlay-toolbar-index="1"]',
 | 
						|
        })
 | 
						|
        console.log('angledLine2')
 | 
						|
        await clickConstrained({
 | 
						|
          hoverPos: { x: angledLine.x, y: angledLine.y },
 | 
						|
          constraintType: 'length',
 | 
						|
          expectBeforeUnconstrained:
 | 
						|
            'angledLine({ angle = angle001, length = 32 + 0 }, %)',
 | 
						|
          expectAfterUnconstrained:
 | 
						|
            'angledLine({ angle = angle001, length = 32 }, %)',
 | 
						|
          expectFinal: 'angledLine({ angle = angle001, length = len001 }, %)',
 | 
						|
          ang: ang + 180,
 | 
						|
          locator: '[data-overlay-toolbar-index="1"]',
 | 
						|
        })
 | 
						|
 | 
						|
        await page.mouse.move(700, 250)
 | 
						|
        await page.waitForTimeout(100)
 | 
						|
 | 
						|
        let lineTo = await u.getBoundingBox(`[data-overlay-index="2"]`)
 | 
						|
        ang = await u.getAngle(`[data-overlay-index="2"]`)
 | 
						|
        console.log('lineTo1')
 | 
						|
        await clickConstrained({
 | 
						|
          hoverPos: { x: lineTo.x, y: lineTo.y },
 | 
						|
          constraintType: 'yAbsolute',
 | 
						|
          expectBeforeUnconstrained:
 | 
						|
            'line(endAbsolute = [5 + 33, 20 + 11.5 + 0])',
 | 
						|
          expectAfterUnconstrained: 'line(endAbsolute = [5 + 33, 31.5])',
 | 
						|
          expectFinal: 'line(endAbsolute = [5 + 33, yAbs001])',
 | 
						|
          steps: 8,
 | 
						|
          ang: ang + 180,
 | 
						|
          locator: '[data-overlay-toolbar-index="2"]',
 | 
						|
        })
 | 
						|
        console.log('lineTo2')
 | 
						|
        await clickConstrained({
 | 
						|
          hoverPos: { x: lineTo.x, y: lineTo.y },
 | 
						|
          constraintType: 'xAbsolute',
 | 
						|
          expectBeforeUnconstrained: 'line(endAbsolute = [5 + 33, yAbs001])',
 | 
						|
          expectAfterUnconstrained: 'line(endAbsolute = [38, yAbs001])',
 | 
						|
          expectFinal: 'line(endAbsolute = [xAbs001, yAbs001])',
 | 
						|
          steps: 8,
 | 
						|
          ang: ang + 180,
 | 
						|
          locator: '[data-overlay-toolbar-index="2"]',
 | 
						|
        })
 | 
						|
 | 
						|
        const xLineTo = await u.getBoundingBox(`[data-overlay-index="3"]`)
 | 
						|
        ang = await u.getAngle(`[data-overlay-index="3"]`)
 | 
						|
        console.log('xlineTo1')
 | 
						|
        await clickConstrained({
 | 
						|
          hoverPos: { x: xLineTo.x, y: xLineTo.y },
 | 
						|
          constraintType: 'xAbsolute',
 | 
						|
          expectBeforeUnconstrained: 'xLineTo(5 + 9 - 5, %)',
 | 
						|
          expectAfterUnconstrained: 'xLineTo(9, %)',
 | 
						|
          expectFinal: 'xLineTo(xAbs002, %)',
 | 
						|
          ang: ang + 180,
 | 
						|
          steps: 8,
 | 
						|
          locator: '[data-overlay-toolbar-index="3"]',
 | 
						|
        })
 | 
						|
      })
 | 
						|
 | 
						|
      // Broken on main at time of writing!
 | 
						|
      test.fixme(
 | 
						|
        'for segments [yLineTo, xLine]',
 | 
						|
        async ({ page, editor, homePage }) => {
 | 
						|
          await page.addInitScript(async () => {
 | 
						|
            localStorage.setItem(
 | 
						|
              'persistCode',
 | 
						|
              `yRel001 = -14
 | 
						|
    xRel001 = 0.5
 | 
						|
    angle001 = 3
 | 
						|
    len001 = 32
 | 
						|
    yAbs001 = 11.5
 | 
						|
    xAbs001 = 33
 | 
						|
    xAbs002 = 4
 | 
						|
    part001 = startSketchOn('XZ')
 | 
						|
      |> startProfileAt([0, 0], %)
 | 
						|
      |> line(end = [0.5, yRel001])
 | 
						|
      |> angledLine({ angle = angle001, length = len001 }, %)
 | 
						|
      |> line(endAbsolute = [33, yAbs001])
 | 
						|
      |> xLineTo(xAbs002, %)
 | 
						|
      |> yLineTo(-10.77, %, $a)
 | 
						|
      |> xLine(26.04, %)
 | 
						|
      |> yLine(21.14 + 0, %)
 | 
						|
      |> angledLineOfXLength({ angle = 181 + 0, length = 23.14 }, %)
 | 
						|
      `
 | 
						|
            )
 | 
						|
          })
 | 
						|
          const u = await getUtils(page)
 | 
						|
          await page.setBodyDimensions({ width: 1200, height: 500 })
 | 
						|
 | 
						|
          await homePage.goToModelingScene()
 | 
						|
 | 
						|
          // wait for execution done
 | 
						|
          await u.openDebugPanel()
 | 
						|
          await u.expectCmdLog('[data-message-type="execution-done"]')
 | 
						|
          await u.closeDebugPanel()
 | 
						|
 | 
						|
          await page.getByText('xLine(26.04, %)').click()
 | 
						|
          await page.waitForTimeout(100)
 | 
						|
          await page.getByRole('button', { name: 'Edit Sketch' }).click()
 | 
						|
          await page.waitForTimeout(500)
 | 
						|
 | 
						|
          await expect(page.getByTestId('segment-overlay')).toHaveCount(8)
 | 
						|
 | 
						|
          const clickUnconstrained = _clickUnconstrained(page, editor)
 | 
						|
 | 
						|
          await page.mouse.move(700, 250)
 | 
						|
          await page.waitForTimeout(100)
 | 
						|
 | 
						|
          let ang = 0
 | 
						|
 | 
						|
          const yLineTo = await u.getBoundingBox(`[data-overlay-index="4"]`)
 | 
						|
          ang = await u.getAngle(`[data-overlay-index="4"]`)
 | 
						|
          console.log('ylineTo1')
 | 
						|
          await clickUnconstrained({
 | 
						|
            hoverPos: { x: yLineTo.x, y: yLineTo.y - 200 },
 | 
						|
            constraintType: 'yAbsolute',
 | 
						|
            expectBeforeUnconstrained: 'yLineTo(-10.77, %, $a)',
 | 
						|
            expectAfterUnconstrained: 'yLineTo(yAbs002, %, $a)',
 | 
						|
            expectFinal: 'yLineTo(-10.77, %, $a)',
 | 
						|
            ang: ang + 180,
 | 
						|
            locator: '[data-overlay-toolbar-index="4"]',
 | 
						|
          })
 | 
						|
 | 
						|
          const xLine = await u.getBoundingBox(`[data-overlay-index="5"]`)
 | 
						|
          ang = await u.getAngle(`[data-overlay-index="5"]`)
 | 
						|
          console.log('xline')
 | 
						|
          await clickUnconstrained({
 | 
						|
            hoverPos: { x: xLine.x, y: xLine.y },
 | 
						|
            constraintType: 'xRelative',
 | 
						|
            expectBeforeUnconstrained: 'xLine(26.04, %)',
 | 
						|
            expectAfterUnconstrained: 'xLine(xRel002, %)',
 | 
						|
            expectFinal: 'xLine(26.04, %)',
 | 
						|
            steps: 10,
 | 
						|
            ang: ang + 180,
 | 
						|
            locator: '[data-overlay-toolbar-index="5"]',
 | 
						|
          })
 | 
						|
        }
 | 
						|
      )
 | 
						|
      test('for segments [yLine, angledLineOfXLength, angledLineOfYLength]', async ({
 | 
						|
        page,
 | 
						|
        editor,
 | 
						|
        homePage,
 | 
						|
      }) => {
 | 
						|
        await page.addInitScript(async () => {
 | 
						|
          localStorage.setItem(
 | 
						|
            'persistCode',
 | 
						|
            `part001 = startSketchOn('XZ')
 | 
						|
        |> startProfileAt([0, 0], %)
 | 
						|
        |> line(end = [0.5, -14 + 0])
 | 
						|
        |> angledLine({ angle = 3 + 0, length = 32 + 0 }, %)
 | 
						|
        |> line(endAbsolute = [33, 11.5 + 0])
 | 
						|
        |> xLineTo(9 - 5, %)
 | 
						|
        |> yLineTo(-10.77, %, $a)
 | 
						|
        |> xLine(26.04, %)
 | 
						|
        |> yLine(21.14 + 0, %)
 | 
						|
        |> angledLineOfXLength({ angle = 181 + 0, length = 23.14 }, %)
 | 
						|
        |> angledLineOfYLength({ angle = -91, length = 19 + 0 }, %)
 | 
						|
        |> angledLineToX({ angle = 3 + 0, to = 26 }, %)
 | 
						|
        |> angledLineToY({ angle = 89, to = 9.14 + 0 }, %)
 | 
						|
        |> angledLineThatIntersects({
 | 
						|
        angle = 4.14,
 | 
						|
        intersectTag = a,
 | 
						|
        offset = 9
 | 
						|
      }, %)
 | 
						|
        |> tangentialArcTo([3.14 + 13, 3.14], %)
 | 
						|
      `
 | 
						|
          )
 | 
						|
          localStorage.setItem('disableAxis', 'true')
 | 
						|
        })
 | 
						|
        const u = await getUtils(page)
 | 
						|
        await page.setBodyDimensions({ width: 1200, height: 500 })
 | 
						|
 | 
						|
        await homePage.goToModelingScene()
 | 
						|
 | 
						|
        // wait for execution done
 | 
						|
        await u.openDebugPanel()
 | 
						|
        await u.expectCmdLog('[data-message-type="execution-done"]')
 | 
						|
        await u.closeDebugPanel()
 | 
						|
        await page.waitForTimeout(500)
 | 
						|
 | 
						|
        await page.getByText('xLineTo(9 - 5, %)').click()
 | 
						|
        await page.waitForTimeout(100)
 | 
						|
        await page.getByRole('button', { name: 'Edit Sketch' }).click()
 | 
						|
        await page.waitForTimeout(500)
 | 
						|
 | 
						|
        await expect(page.getByTestId('segment-overlay')).toHaveCount(13)
 | 
						|
 | 
						|
        const clickUnconstrained = _clickUnconstrained(page, editor)
 | 
						|
        const clickConstrained = _clickConstrained(page, editor)
 | 
						|
 | 
						|
        let ang = 0
 | 
						|
 | 
						|
        const yLine = await u.getBoundingBox(`[data-overlay-index="6"]`)
 | 
						|
        ang = await u.getAngle(`[data-overlay-index="6"]`)
 | 
						|
        console.log('yline1')
 | 
						|
        await clickConstrained({
 | 
						|
          hoverPos: { x: yLine.x, y: yLine.y },
 | 
						|
          constraintType: 'yRelative',
 | 
						|
          expectBeforeUnconstrained: 'yLine(21.14 + 0, %)',
 | 
						|
          expectAfterUnconstrained: 'yLine(21.14, %)',
 | 
						|
          expectFinal: 'yLine(yRel001, %)',
 | 
						|
          ang: ang + 180,
 | 
						|
          locator: '[data-overlay-toolbar-index="6"]',
 | 
						|
        })
 | 
						|
 | 
						|
        const angledLineOfXLength = await u.getBoundingBox(
 | 
						|
          `[data-overlay-index="7"]`
 | 
						|
        )
 | 
						|
        ang = await u.getAngle(`[data-overlay-index="7"]`)
 | 
						|
        console.log('angledLineOfXLength1')
 | 
						|
        await clickConstrained({
 | 
						|
          hoverPos: { x: angledLineOfXLength.x, y: angledLineOfXLength.y },
 | 
						|
          constraintType: 'angle',
 | 
						|
          expectBeforeUnconstrained:
 | 
						|
            'angledLineOfXLength({ angle = 181 + 0, length = 23.14 }, %)',
 | 
						|
          expectAfterUnconstrained:
 | 
						|
            'angledLineOfXLength({ angle = -179, length = 23.14 }, %)',
 | 
						|
          expectFinal:
 | 
						|
            'angledLineOfXLength({ angle = angle001, length = 23.14 }, %)',
 | 
						|
          ang: ang + 180,
 | 
						|
          locator: '[data-overlay-toolbar-index="7"]',
 | 
						|
        })
 | 
						|
        console.log('angledLineOfXLength2')
 | 
						|
        await clickUnconstrained({
 | 
						|
          hoverPos: { x: angledLineOfXLength.x, y: angledLineOfXLength.y },
 | 
						|
          constraintType: 'xRelative',
 | 
						|
          expectBeforeUnconstrained:
 | 
						|
            'angledLineOfXLength({ angle = angle001, length = 23.14 }, %)',
 | 
						|
          expectAfterUnconstrained:
 | 
						|
            'angledLineOfXLength({ angle = angle001, length = xRel001 }, %)',
 | 
						|
          expectFinal:
 | 
						|
            'angledLineOfXLength({ angle = angle001, length = 23.14 }, %)',
 | 
						|
          steps: 7,
 | 
						|
          ang: ang + 180,
 | 
						|
          locator: '[data-overlay-toolbar-index="7"]',
 | 
						|
        })
 | 
						|
 | 
						|
        const angledLineOfYLength = await u.getBoundingBox(
 | 
						|
          `[data-overlay-index="8"]`
 | 
						|
        )
 | 
						|
        ang = await u.getAngle(`[data-overlay-index="8"]`)
 | 
						|
        console.log('angledLineOfYLength1')
 | 
						|
        await clickUnconstrained({
 | 
						|
          hoverPos: { x: angledLineOfYLength.x, y: angledLineOfYLength.y },
 | 
						|
          constraintType: 'angle',
 | 
						|
          expectBeforeUnconstrained:
 | 
						|
            'angledLineOfYLength({ angle = -91, length = 19 + 0 }, %)',
 | 
						|
          expectAfterUnconstrained:
 | 
						|
            'angledLineOfYLength({ angle = angle002, length = 19 + 0 }, %)',
 | 
						|
          expectFinal:
 | 
						|
            'angledLineOfYLength({ angle = -91, length = 19 + 0 }, %)',
 | 
						|
          ang: ang + 180,
 | 
						|
          steps: 6,
 | 
						|
          locator: '[data-overlay-toolbar-index="8"]',
 | 
						|
        })
 | 
						|
        console.log('angledLineOfYLength2')
 | 
						|
        await clickConstrained({
 | 
						|
          hoverPos: { x: angledLineOfYLength.x, y: angledLineOfYLength.y },
 | 
						|
          constraintType: 'yRelative',
 | 
						|
          expectBeforeUnconstrained:
 | 
						|
            'angledLineOfYLength({ angle = -91, length = 19 + 0 }, %)',
 | 
						|
          expectAfterUnconstrained:
 | 
						|
            'angledLineOfYLength({ angle = -91, length = 19 }, %)',
 | 
						|
          expectFinal:
 | 
						|
            'angledLineOfYLength({ angle = -91, length = yRel002 }, %)',
 | 
						|
          ang: ang + 180,
 | 
						|
          steps: 7,
 | 
						|
          locator: '[data-overlay-toolbar-index="8"]',
 | 
						|
        })
 | 
						|
      })
 | 
						|
      test('for segments [angledLineToX, angledLineToY, angledLineThatIntersects]', async ({
 | 
						|
        page,
 | 
						|
        editor,
 | 
						|
        homePage,
 | 
						|
      }) => {
 | 
						|
        await page.addInitScript(async () => {
 | 
						|
          localStorage.setItem(
 | 
						|
            'persistCode',
 | 
						|
            `part001 = startSketchOn('XZ')
 | 
						|
        |> startProfileAt([0, 0], %)
 | 
						|
        |> line(end = [0.5, -14 + 0])
 | 
						|
        |> angledLine({ angle = 3 + 0, length = 32 + 0 }, %)
 | 
						|
        |> line(endAbsolute = [33, 11.5 + 0])
 | 
						|
        |> xLineTo(9 - 5, %)
 | 
						|
        |> yLineTo(-10.77, %, $a)
 | 
						|
        |> xLine(26.04, %)
 | 
						|
        |> yLine(21.14 + 0, %)
 | 
						|
        |> angledLineOfXLength({ angle = 181 + 0, length = 23.14 }, %)
 | 
						|
        |> angledLineOfYLength({ angle = -91, length = 19 + 0 }, %)
 | 
						|
        |> angledLineToX({ angle = 3 + 0, to = 26 }, %)
 | 
						|
        |> angledLineToY({ angle = 89, to = 9.14 + 0 }, %)
 | 
						|
        |> angledLineThatIntersects({
 | 
						|
        angle = 4.14,
 | 
						|
        intersectTag = a,
 | 
						|
        offset = 9
 | 
						|
      }, %)
 | 
						|
        |> tangentialArcTo([3.14 + 13, 1.14], %)
 | 
						|
      `
 | 
						|
          )
 | 
						|
          localStorage.setItem('disableAxis', 'true')
 | 
						|
        })
 | 
						|
        const u = await getUtils(page)
 | 
						|
        await page.setBodyDimensions({ width: 1200, height: 500 })
 | 
						|
 | 
						|
        await homePage.goToModelingScene()
 | 
						|
 | 
						|
        // wait for execution done
 | 
						|
        await u.openDebugPanel()
 | 
						|
        await u.expectCmdLog('[data-message-type="execution-done"]')
 | 
						|
        await u.closeDebugPanel()
 | 
						|
 | 
						|
        await page.getByText('xLineTo(9 - 5, %)').click()
 | 
						|
        await page.waitForTimeout(100)
 | 
						|
        await page.getByRole('button', { name: 'Edit Sketch' }).click()
 | 
						|
        await page.waitForTimeout(500)
 | 
						|
 | 
						|
        await expect(page.getByTestId('segment-overlay')).toHaveCount(13)
 | 
						|
 | 
						|
        const clickUnconstrained = _clickUnconstrained(page, editor)
 | 
						|
        const clickConstrained = _clickConstrained(page, editor)
 | 
						|
 | 
						|
        let ang = 0
 | 
						|
 | 
						|
        const angledLineToX = await u.getBoundingBox(`[data-overlay-index="9"]`)
 | 
						|
        ang = await u.getAngle(`[data-overlay-index="9"]`)
 | 
						|
        console.log('angledLineToX')
 | 
						|
        await clickConstrained({
 | 
						|
          hoverPos: { x: angledLineToX.x, y: angledLineToX.y },
 | 
						|
          constraintType: 'angle',
 | 
						|
          expectBeforeUnconstrained:
 | 
						|
            'angledLineToX({ angle = 3 + 0, to = 26 }, %)',
 | 
						|
          expectAfterUnconstrained: 'angledLineToX({ angle = 3, to = 26 }, %)',
 | 
						|
          expectFinal: 'angledLineToX({ angle = angle001, to = 26 }, %)',
 | 
						|
          ang: ang + 180,
 | 
						|
          locator: '[data-overlay-toolbar-index="9"]',
 | 
						|
        })
 | 
						|
        console.log('angledLineToX2')
 | 
						|
        await clickUnconstrained({
 | 
						|
          hoverPos: { x: angledLineToX.x, y: angledLineToX.y },
 | 
						|
          constraintType: 'xAbsolute',
 | 
						|
          expectBeforeUnconstrained:
 | 
						|
            'angledLineToX({ angle = angle001, to = 26 }, %)',
 | 
						|
          expectAfterUnconstrained:
 | 
						|
            'angledLineToX({ angle = angle001, to = xAbs001 }, %)',
 | 
						|
          expectFinal: 'angledLineToX({ angle = angle001, to = 26 }, %)',
 | 
						|
          ang: ang + 180,
 | 
						|
          locator: '[data-overlay-toolbar-index="9"]',
 | 
						|
        })
 | 
						|
 | 
						|
        const angledLineToY = await u.getBoundingBox(
 | 
						|
          `[data-overlay-index="10"]`
 | 
						|
        )
 | 
						|
        ang = await u.getAngle(`[data-overlay-index="10"]`)
 | 
						|
        console.log('angledLineToY')
 | 
						|
        await clickUnconstrained({
 | 
						|
          hoverPos: { x: angledLineToY.x, y: angledLineToY.y },
 | 
						|
          constraintType: 'angle',
 | 
						|
          expectBeforeUnconstrained:
 | 
						|
            'angledLineToY({ angle = 89, to = 9.14 + 0 }, %)',
 | 
						|
          expectAfterUnconstrained:
 | 
						|
            'angledLineToY({ angle = angle002, to = 9.14 + 0 }, %)',
 | 
						|
          expectFinal: 'angledLineToY({ angle = 89, to = 9.14 + 0 }, %)',
 | 
						|
          steps: process.platform === 'darwin' ? 8 : 9,
 | 
						|
          ang: ang + 180,
 | 
						|
          locator: '[data-overlay-toolbar-index="10"]',
 | 
						|
        })
 | 
						|
        console.log('angledLineToY2')
 | 
						|
        await clickConstrained({
 | 
						|
          hoverPos: { x: angledLineToY.x, y: angledLineToY.y },
 | 
						|
          constraintType: 'yAbsolute',
 | 
						|
          expectBeforeUnconstrained:
 | 
						|
            'angledLineToY({ angle = 89, to = 9.14 + 0 }, %)',
 | 
						|
          expectAfterUnconstrained:
 | 
						|
            'angledLineToY({ angle = 89, to = 9.14 }, %)',
 | 
						|
          expectFinal: 'angledLineToY({ angle = 89, to = yAbs001 }, %)',
 | 
						|
          ang: ang + 180,
 | 
						|
          locator: '[data-overlay-toolbar-index="10"]',
 | 
						|
        })
 | 
						|
 | 
						|
        const angledLineThatIntersects = await u.getBoundingBox(
 | 
						|
          `[data-overlay-index="11"]`
 | 
						|
        )
 | 
						|
        ang = await u.getAngle(`[data-overlay-index="11"]`)
 | 
						|
        console.log('angledLineThatIntersects')
 | 
						|
        await clickUnconstrained({
 | 
						|
          hoverPos: {
 | 
						|
            x: angledLineThatIntersects.x,
 | 
						|
            y: angledLineThatIntersects.y,
 | 
						|
          },
 | 
						|
          constraintType: 'angle',
 | 
						|
          expectBeforeUnconstrained: `angledLineThatIntersects({
 | 
						|
    angle = 4.14,
 | 
						|
    intersectTag = a,
 | 
						|
    offset = 9
 | 
						|
        }, %)`,
 | 
						|
          expectAfterUnconstrained: `angledLineThatIntersects({
 | 
						|
    angle = angle003,
 | 
						|
    intersectTag = a,
 | 
						|
    offset = 9
 | 
						|
        }, %)`,
 | 
						|
          expectFinal: `angledLineThatIntersects({
 | 
						|
    angle = -176,
 | 
						|
    offset = 9,
 | 
						|
    intersectTag = a
 | 
						|
        }, %)`,
 | 
						|
          ang: ang + 180,
 | 
						|
          locator: '[data-overlay-toolbar-index="11"]',
 | 
						|
        })
 | 
						|
        console.log('angledLineThatIntersects2')
 | 
						|
        await clickUnconstrained({
 | 
						|
          hoverPos: {
 | 
						|
            x: angledLineThatIntersects.x,
 | 
						|
            y: angledLineThatIntersects.y,
 | 
						|
          },
 | 
						|
          constraintType: 'intersectionOffset',
 | 
						|
          expectBeforeUnconstrained: `angledLineThatIntersects({
 | 
						|
    angle = -176,
 | 
						|
    offset = 9,
 | 
						|
    intersectTag = a
 | 
						|
        }, %)`,
 | 
						|
          expectAfterUnconstrained: `angledLineThatIntersects({
 | 
						|
    angle = -176,
 | 
						|
    offset = perpDist001,
 | 
						|
    intersectTag = a
 | 
						|
        }, %)`,
 | 
						|
          expectFinal: `angledLineThatIntersects({
 | 
						|
    angle = -176,
 | 
						|
    offset = 9,
 | 
						|
    intersectTag = a
 | 
						|
        }, %)`,
 | 
						|
          ang: ang + 180,
 | 
						|
          locator: '[data-overlay-toolbar-index="11"]',
 | 
						|
        })
 | 
						|
      })
 | 
						|
      test('for segment [tangentialArcTo]', async ({
 | 
						|
        page,
 | 
						|
        editor,
 | 
						|
        homePage,
 | 
						|
      }) => {
 | 
						|
        await page.addInitScript(async () => {
 | 
						|
          localStorage.setItem(
 | 
						|
            'persistCode',
 | 
						|
            `part001 = startSketchOn('XZ')
 | 
						|
        |> startProfileAt([0, 0], %)
 | 
						|
        |> line(end = [0.5, -14 + 0])
 | 
						|
        |> angledLine({ angle = 3 + 0, length = 32 + 0 }, %)
 | 
						|
        |> line(endAbsolute = [33, 11.5 + 0])
 | 
						|
        |> xLineTo(9 - 5, %)
 | 
						|
        |> yLineTo(-10.77, %, $a)
 | 
						|
        |> xLine(26.04, %)
 | 
						|
        |> yLine(21.14 + 0, %)
 | 
						|
        |> angledLineOfXLength({ angle = 181 + 0, length = 23.14 }, %)
 | 
						|
        |> angledLineOfYLength({ angle = -91, length = 19 + 0 }, %)
 | 
						|
        |> angledLineToX({ angle = 3 + 0, to = 26 }, %)
 | 
						|
        |> angledLineToY({ angle = 89, to = 9.14 + 0 }, %)
 | 
						|
        |> angledLineThatIntersects({
 | 
						|
        angle = 4.14,
 | 
						|
        intersectTag = a,
 | 
						|
        offset = 9
 | 
						|
      }, %)
 | 
						|
        |> tangentialArcTo([3.14 + 13, -3.14], %)
 | 
						|
      `
 | 
						|
          )
 | 
						|
          localStorage.setItem('disableAxis', 'true')
 | 
						|
        })
 | 
						|
        const u = await getUtils(page)
 | 
						|
        await page.setBodyDimensions({ width: 1200, height: 500 })
 | 
						|
 | 
						|
        await homePage.goToModelingScene()
 | 
						|
 | 
						|
        // wait for execution done
 | 
						|
        await u.openDebugPanel()
 | 
						|
        await u.expectCmdLog('[data-message-type="execution-done"]')
 | 
						|
        await u.closeDebugPanel()
 | 
						|
 | 
						|
        await page.getByText('xLineTo(9 - 5, %)').click()
 | 
						|
        await page.waitForTimeout(100)
 | 
						|
        await page.getByRole('button', { name: 'Edit Sketch' }).click()
 | 
						|
        await page.waitForTimeout(500)
 | 
						|
 | 
						|
        await expect(page.getByTestId('segment-overlay')).toHaveCount(13)
 | 
						|
 | 
						|
        const clickUnconstrained = _clickUnconstrained(page, editor)
 | 
						|
        const clickConstrained = _clickConstrained(page, editor)
 | 
						|
 | 
						|
        const tangentialArcTo = await u.getBoundingBox(
 | 
						|
          '[data-overlay-index="12"]'
 | 
						|
        )
 | 
						|
        let ang = await u.getAngle('[data-overlay-index="12"]')
 | 
						|
        console.log('tangentialArcTo')
 | 
						|
        await clickConstrained({
 | 
						|
          hoverPos: { x: tangentialArcTo.x, y: tangentialArcTo.y },
 | 
						|
          constraintType: 'xAbsolute',
 | 
						|
          expectBeforeUnconstrained: 'tangentialArcTo([3.14 + 13, -3.14], %)',
 | 
						|
          expectAfterUnconstrained: 'tangentialArcTo([16.14, -3.14], %)',
 | 
						|
          expectFinal: 'tangentialArcTo([xAbs001, -3.14], %)',
 | 
						|
          ang: ang + 180,
 | 
						|
          steps: 6,
 | 
						|
          locator: '[data-overlay-toolbar-index="12"]',
 | 
						|
        })
 | 
						|
        console.log('tangentialArcTo2')
 | 
						|
        await clickUnconstrained({
 | 
						|
          hoverPos: { x: tangentialArcTo.x, y: tangentialArcTo.y },
 | 
						|
          constraintType: 'yAbsolute',
 | 
						|
          expectBeforeUnconstrained: 'tangentialArcTo([xAbs001, -3.14], %)',
 | 
						|
          expectAfterUnconstrained: 'tangentialArcTo([xAbs001, yAbs001], %)',
 | 
						|
          expectFinal: 'tangentialArcTo([xAbs001, -3.14], %)',
 | 
						|
          ang: ang + 180,
 | 
						|
          steps: 10,
 | 
						|
          locator: '[data-overlay-toolbar-index="12"]',
 | 
						|
        })
 | 
						|
      })
 | 
						|
      test('for segment [circle]', async ({ page, editor, homePage }) => {
 | 
						|
        await page.addInitScript(async () => {
 | 
						|
          localStorage.setItem(
 | 
						|
            'persistCode',
 | 
						|
            `part001 = startSketchOn('XZ')
 | 
						|
      |> circle({ center = [1 + 0, 0], radius = 8 }, %)
 | 
						|
    `
 | 
						|
          )
 | 
						|
          localStorage.setItem('disableAxis', 'true')
 | 
						|
        })
 | 
						|
        const u = await getUtils(page)
 | 
						|
        await page.setBodyDimensions({ width: 1200, height: 500 })
 | 
						|
 | 
						|
        await homePage.goToModelingScene()
 | 
						|
 | 
						|
        // wait for execution done
 | 
						|
        await u.openDebugPanel()
 | 
						|
        await u.expectCmdLog('[data-message-type="execution-done"]')
 | 
						|
        await u.closeDebugPanel()
 | 
						|
 | 
						|
        await page
 | 
						|
          .getByText('circle({ center = [1 + 0, 0], radius = 8 }, %)')
 | 
						|
          .click()
 | 
						|
        await page.waitForTimeout(100)
 | 
						|
        await page.getByRole('button', { name: 'Edit Sketch' }).click()
 | 
						|
        await page.waitForTimeout(500)
 | 
						|
 | 
						|
        await expect(page.getByTestId('segment-overlay')).toHaveCount(1)
 | 
						|
 | 
						|
        const clickUnconstrained = _clickUnconstrained(page, editor)
 | 
						|
        const clickConstrained = _clickConstrained(page, editor)
 | 
						|
 | 
						|
        const hoverPos = { x: 789, y: 114 } as const
 | 
						|
        let ang = await u.getAngle('[data-overlay-index="0"]')
 | 
						|
        console.log('angl', ang)
 | 
						|
        console.log('circle center x')
 | 
						|
        await clickConstrained({
 | 
						|
          hoverPos,
 | 
						|
          constraintType: 'xAbsolute',
 | 
						|
          expectBeforeUnconstrained:
 | 
						|
            'circle({ center = [1 + 0, 0], radius = 8 }, %)',
 | 
						|
          expectAfterUnconstrained:
 | 
						|
            'circle({ center = [1, 0], radius = 8 }, %)',
 | 
						|
          expectFinal: 'circle({ center = [xAbs001, 0], radius = 8 }, %)',
 | 
						|
          ang: ang + 105,
 | 
						|
          steps: 6,
 | 
						|
          locator: '[data-overlay-toolbar-index="0"]',
 | 
						|
        })
 | 
						|
        console.log('circle center y')
 | 
						|
        await clickUnconstrained({
 | 
						|
          hoverPos,
 | 
						|
          constraintType: 'yAbsolute',
 | 
						|
          expectBeforeUnconstrained:
 | 
						|
            'circle({ center = [xAbs001, 0], radius = 8 }, %)',
 | 
						|
          expectAfterUnconstrained:
 | 
						|
            'circle({ center = [xAbs001, yAbs001], radius =  8 }, %)',
 | 
						|
          expectFinal: 'circle({ center = [xAbs001, 0], radius =  8 }, %)',
 | 
						|
          ang: ang + 180,
 | 
						|
          steps: 30,
 | 
						|
          locator: '[data-overlay-toolbar-index="0"]',
 | 
						|
        })
 | 
						|
        console.log('circle radius')
 | 
						|
        await clickUnconstrained({
 | 
						|
          hoverPos,
 | 
						|
          constraintType: 'radius',
 | 
						|
          expectBeforeUnconstrained:
 | 
						|
            'circle({ center = [xAbs001, 0], radius = 8 }, %)',
 | 
						|
          expectAfterUnconstrained:
 | 
						|
            'circle({ center = [xAbs001, 0], radius = radius001 }, %)',
 | 
						|
          expectFinal: 'circle({ center = [xAbs001, 0], radius = 8 }, %)',
 | 
						|
          ang: ang + 105,
 | 
						|
          steps: 10,
 | 
						|
          locator: '[data-overlay-toolbar-index="0"]',
 | 
						|
        })
 | 
						|
      })
 | 
						|
    }
 | 
						|
  )
 | 
						|
  test.describe('Testing deleting a segment', () => {
 | 
						|
    const _deleteSegmentSequence =
 | 
						|
      (page: Page, editor: EditorFixture) =>
 | 
						|
      async ({
 | 
						|
        hoverPos,
 | 
						|
        codeToBeDeleted,
 | 
						|
        stdLibFnName,
 | 
						|
        ang = 45,
 | 
						|
        steps = 6,
 | 
						|
        locator,
 | 
						|
      }: {
 | 
						|
        hoverPos: { x: number; y: number }
 | 
						|
        codeToBeDeleted: string
 | 
						|
        stdLibFnName: string
 | 
						|
        ang?: number
 | 
						|
        steps?: number
 | 
						|
        locator?: string
 | 
						|
      }) => {
 | 
						|
        await expect(page.getByText('Added variable')).not.toBeVisible()
 | 
						|
 | 
						|
        await page.mouse.move(0, 0)
 | 
						|
        await page.waitForTimeout(1000)
 | 
						|
        let x = 0,
 | 
						|
          y = 0
 | 
						|
        x = hoverPos.x + Math.cos(ang * deg) * 32
 | 
						|
        y = hoverPos.y - Math.sin(ang * deg) * 32
 | 
						|
        await page.mouse.move(x, y)
 | 
						|
        await wiggleMove(page, x, y, 20, 30, ang, 10, 5, locator)
 | 
						|
        await page.mouse.move(x, y)
 | 
						|
 | 
						|
        await editor.expectEditor.toContain(codeToBeDeleted, {
 | 
						|
          shouldNormalise: true,
 | 
						|
        })
 | 
						|
 | 
						|
        await page.locator(`[data-stdlib-fn-name="${stdLibFnName}"]`).click()
 | 
						|
        await page.getByText('Delete Segment').click()
 | 
						|
 | 
						|
        await editor.expectEditor.not.toContain(codeToBeDeleted, {
 | 
						|
          shouldNormalise: true,
 | 
						|
        })
 | 
						|
      }
 | 
						|
    test('all segment types', async ({ page, editor, homePage }) => {
 | 
						|
      await page.addInitScript(async () => {
 | 
						|
        localStorage.setItem(
 | 
						|
          'persistCode',
 | 
						|
          `part001 = startSketchOn('XZ')
 | 
						|
      |> startProfileAt([0, 0], %)
 | 
						|
      |> line(end = [0.5, -14 + 0])
 | 
						|
      |> angledLine({ angle = 3 + 0, length = 32 + 0 }, %)
 | 
						|
      |> line(endAbsolute = [33, 11.5 + 0])
 | 
						|
      |> xLineTo(9 - 5, %)
 | 
						|
      |> yLineTo(-10.77, %, $a)
 | 
						|
      |> xLine(26.04, %)
 | 
						|
      |> yLine(21.14 + 0, %)
 | 
						|
      |> angledLineOfXLength({ angle = 181 + 0, length = 23.14 }, %)
 | 
						|
      |> angledLineOfYLength({ angle = -91, length = 19 + 0 }, %)
 | 
						|
      |> angledLineToX({ angle = 3 + 0, to = 26 }, %)
 | 
						|
      |> angledLineToY({ angle = 89, to = 9.14 + 0 }, %)
 | 
						|
      |> angledLineThatIntersects({
 | 
						|
     angle = 4.14,
 | 
						|
     intersectTag = a,
 | 
						|
     offset = 9
 | 
						|
         }, %)
 | 
						|
      |> tangentialArcTo([3.14 + 13, 1.14], %)
 | 
						|
      `
 | 
						|
        )
 | 
						|
        localStorage.setItem('disableAxis', 'true')
 | 
						|
      })
 | 
						|
      const u = await getUtils(page)
 | 
						|
      await page.setBodyDimensions({ width: 1200, height: 500 })
 | 
						|
 | 
						|
      await homePage.goToModelingScene()
 | 
						|
      await u.waitForPageLoad()
 | 
						|
 | 
						|
      // wait for execution done
 | 
						|
      await u.openDebugPanel()
 | 
						|
      await u.expectCmdLog('[data-message-type="execution-done"]')
 | 
						|
      await u.closeDebugPanel()
 | 
						|
 | 
						|
      await page.getByText('xLineTo(9 - 5, %)').click()
 | 
						|
      await page.waitForTimeout(100)
 | 
						|
      await page.getByRole('button', { name: 'Edit Sketch' }).click()
 | 
						|
      await page.waitForTimeout(500)
 | 
						|
 | 
						|
      await expect(page.getByTestId('segment-overlay')).toHaveCount(13)
 | 
						|
      const deleteSegmentSequence = _deleteSegmentSequence(page, editor)
 | 
						|
 | 
						|
      let segmentToDelete
 | 
						|
 | 
						|
      const getOverlayByIndex = (index: number) =>
 | 
						|
        u.getBoundingBox(`[data-overlay-index="${index}"]`)
 | 
						|
      segmentToDelete = await getOverlayByIndex(12)
 | 
						|
      let ang = await u.getAngle(`[data-overlay-index="${12}"]`)
 | 
						|
      await deleteSegmentSequence({
 | 
						|
        hoverPos: { x: segmentToDelete.x, y: segmentToDelete.y },
 | 
						|
        codeToBeDeleted: 'tangentialArcTo([3.14 + 13, 1.14], %)',
 | 
						|
        stdLibFnName: 'tangentialArcTo',
 | 
						|
        ang: ang + 180,
 | 
						|
        steps: 6,
 | 
						|
        locator: '[data-overlay-toolbar-index="12"]',
 | 
						|
      })
 | 
						|
 | 
						|
      segmentToDelete = await getOverlayByIndex(11)
 | 
						|
      ang = await u.getAngle(`[data-overlay-index="${11}"]`)
 | 
						|
      await deleteSegmentSequence({
 | 
						|
        hoverPos: { x: segmentToDelete.x, y: segmentToDelete.y },
 | 
						|
        codeToBeDeleted: `angledLineThatIntersects({
 | 
						|
      angle = 4.14,
 | 
						|
      intersectTag = a,
 | 
						|
      offset = 9
 | 
						|
        }, %)`,
 | 
						|
        stdLibFnName: 'angledLineThatIntersects',
 | 
						|
        ang: ang + 180,
 | 
						|
        steps: 7,
 | 
						|
        locator: '[data-overlay-toolbar-index="11"]',
 | 
						|
      })
 | 
						|
 | 
						|
      segmentToDelete = await getOverlayByIndex(10)
 | 
						|
      ang = await u.getAngle(`[data-overlay-index="${10}"]`)
 | 
						|
      await deleteSegmentSequence({
 | 
						|
        hoverPos: { x: segmentToDelete.x, y: segmentToDelete.y },
 | 
						|
        codeToBeDeleted: 'angledLineToY({ angle = 89, to = 9.14 + 0 }, %)',
 | 
						|
        stdLibFnName: 'angledLineToY',
 | 
						|
        ang: ang + 180,
 | 
						|
        locator: '[data-overlay-toolbar-index="10"]',
 | 
						|
      })
 | 
						|
 | 
						|
      segmentToDelete = await getOverlayByIndex(9)
 | 
						|
      ang = await u.getAngle(`[data-overlay-index="${9}"]`)
 | 
						|
      await deleteSegmentSequence({
 | 
						|
        hoverPos: { x: segmentToDelete.x, y: segmentToDelete.y },
 | 
						|
        codeToBeDeleted: 'angledLineToX({ angle = 3 + 0, to = 26 }, %)',
 | 
						|
        stdLibFnName: 'angledLineToX',
 | 
						|
        ang: ang + 180,
 | 
						|
        locator: '[data-overlay-toolbar-index="9"]',
 | 
						|
      })
 | 
						|
 | 
						|
      segmentToDelete = await getOverlayByIndex(8)
 | 
						|
      ang = await u.getAngle(`[data-overlay-index="${8}"]`)
 | 
						|
      await deleteSegmentSequence({
 | 
						|
        hoverPos: { x: segmentToDelete.x, y: segmentToDelete.y },
 | 
						|
        codeToBeDeleted:
 | 
						|
          'angledLineOfYLength({ angle = -91, length = 19 + 0 }, %)',
 | 
						|
        stdLibFnName: 'angledLineOfYLength',
 | 
						|
        ang: ang + 180,
 | 
						|
        locator: '[data-overlay-toolbar-index="8"]',
 | 
						|
      })
 | 
						|
 | 
						|
      segmentToDelete = await getOverlayByIndex(7)
 | 
						|
      ang = await u.getAngle(`[data-overlay-index="${7}"]`)
 | 
						|
      await deleteSegmentSequence({
 | 
						|
        hoverPos: { x: segmentToDelete.x, y: segmentToDelete.y },
 | 
						|
        codeToBeDeleted:
 | 
						|
          'angledLineOfXLength({ angle = 181 + 0, length = 23.14 }, %)',
 | 
						|
        stdLibFnName: 'angledLineOfXLength',
 | 
						|
        ang: ang + 180,
 | 
						|
        locator: '[data-overlay-toolbar-index="7"]',
 | 
						|
      })
 | 
						|
 | 
						|
      segmentToDelete = await getOverlayByIndex(6)
 | 
						|
      ang = await u.getAngle(`[data-overlay-index="${6}"]`)
 | 
						|
      await deleteSegmentSequence({
 | 
						|
        hoverPos: { x: segmentToDelete.x, y: segmentToDelete.y },
 | 
						|
        codeToBeDeleted: 'yLine(21.14 + 0, %)',
 | 
						|
        stdLibFnName: 'yLine',
 | 
						|
        ang: ang + 180,
 | 
						|
        locator: '[data-overlay-toolbar-index="6"]',
 | 
						|
      })
 | 
						|
 | 
						|
      segmentToDelete = await getOverlayByIndex(5)
 | 
						|
      ang = await u.getAngle(`[data-overlay-index="${5}"]`)
 | 
						|
      await deleteSegmentSequence({
 | 
						|
        hoverPos: { x: segmentToDelete.x, y: segmentToDelete.y },
 | 
						|
        codeToBeDeleted: 'xLine(26.04, %)',
 | 
						|
        stdLibFnName: 'xLine',
 | 
						|
        ang: ang + 180,
 | 
						|
        locator: '[data-overlay-toolbar-index="5"]',
 | 
						|
      })
 | 
						|
 | 
						|
      segmentToDelete = await getOverlayByIndex(4)
 | 
						|
      ang = await u.getAngle(`[data-overlay-index="${4}"]`)
 | 
						|
      await deleteSegmentSequence({
 | 
						|
        hoverPos: { x: segmentToDelete.x, y: segmentToDelete.y },
 | 
						|
        codeToBeDeleted: 'yLineTo(-10.77, %, $a)',
 | 
						|
        stdLibFnName: 'yLineTo',
 | 
						|
        ang: ang + 180,
 | 
						|
        locator: '[data-overlay-toolbar-index="4"]',
 | 
						|
      })
 | 
						|
 | 
						|
      segmentToDelete = await getOverlayByIndex(3)
 | 
						|
      ang = await u.getAngle(`[data-overlay-index="${3}"]`)
 | 
						|
      await deleteSegmentSequence({
 | 
						|
        hoverPos: { x: segmentToDelete.x, y: segmentToDelete.y },
 | 
						|
        codeToBeDeleted: 'xLineTo(9 - 5, %)',
 | 
						|
        stdLibFnName: 'xLineTo',
 | 
						|
        ang: ang + 180,
 | 
						|
        locator: '[data-overlay-toolbar-index="3"]',
 | 
						|
      })
 | 
						|
 | 
						|
      segmentToDelete = await getOverlayByIndex(2)
 | 
						|
      ang = await u.getAngle(`[data-overlay-index="${2}"]`)
 | 
						|
      await expect(page.getByText('Added variable')).not.toBeVisible()
 | 
						|
 | 
						|
      const hoverPos = { x: segmentToDelete.x, y: segmentToDelete.y }
 | 
						|
      await page.mouse.move(0, 0)
 | 
						|
      await page.waitForTimeout(1000)
 | 
						|
      await page.mouse.move(hoverPos.x, hoverPos.y)
 | 
						|
      await wiggleMove(
 | 
						|
        page,
 | 
						|
        hoverPos.x,
 | 
						|
        hoverPos.y,
 | 
						|
        20,
 | 
						|
        30,
 | 
						|
        ang,
 | 
						|
        10,
 | 
						|
        5,
 | 
						|
        '[data-overlay-toolbar-index="2"]'
 | 
						|
      )
 | 
						|
      await page.mouse.move(hoverPos.x, hoverPos.y)
 | 
						|
 | 
						|
      const codeToBeDeleted = 'line(endAbsolute = [33, 11.5 + 0])'
 | 
						|
      await editor.expectEditor.toContain(codeToBeDeleted, {
 | 
						|
        shouldNormalise: true,
 | 
						|
      })
 | 
						|
 | 
						|
      await page.getByTestId('overlay-menu').click()
 | 
						|
      await page.getByText('Delete Segment').click()
 | 
						|
 | 
						|
      await editor.expectEditor.not.toContain(codeToBeDeleted, {
 | 
						|
        shouldNormalise: true,
 | 
						|
      })
 | 
						|
 | 
						|
      segmentToDelete = await getOverlayByIndex(1)
 | 
						|
      ang = await u.getAngle(`[data-overlay-index="${1}"]`)
 | 
						|
      await deleteSegmentSequence({
 | 
						|
        hoverPos: { x: segmentToDelete.x, y: segmentToDelete.y },
 | 
						|
        codeToBeDeleted: 'angledLine({ angle = 3 + 0, length = 32 + 0 }, %)',
 | 
						|
        stdLibFnName: 'angledLine',
 | 
						|
        ang: ang + 180,
 | 
						|
        locator: '[data-overlay-toolbar-index="1"]',
 | 
						|
      })
 | 
						|
 | 
						|
      segmentToDelete = await getOverlayByIndex(0)
 | 
						|
      ang = await u.getAngle(`[data-overlay-index="${0}"]`)
 | 
						|
      await deleteSegmentSequence({
 | 
						|
        hoverPos: { x: segmentToDelete.x, y: segmentToDelete.y },
 | 
						|
        codeToBeDeleted: 'line(end = [0.5, -14 + 0])',
 | 
						|
        stdLibFnName: 'line',
 | 
						|
        ang: ang + 180,
 | 
						|
      })
 | 
						|
 | 
						|
      await page.waitForTimeout(200)
 | 
						|
    })
 | 
						|
  })
 | 
						|
  test.describe('Testing delete with dependent segments', () => {
 | 
						|
    const cases = [
 | 
						|
      'line(end = [22, 2], tag = $seg01)',
 | 
						|
      'angledLine([5, 23.03], %, $seg01)',
 | 
						|
      'xLine(23, %, $seg01)',
 | 
						|
      'yLine(-8, %, $seg01)',
 | 
						|
      'xLineTo(30, %, $seg01)',
 | 
						|
      'yLineTo(-4, %, $seg01)',
 | 
						|
      'angledLineOfXLength([3, 30], %, $seg01)',
 | 
						|
      'angledLineOfXLength({ angle = 3, length = 30 }, %, $seg01)',
 | 
						|
      'angledLineOfYLength([3, 1.5], %, $seg01)',
 | 
						|
      'angledLineOfYLength({ angle = 3, length = 1.5 }, %, $seg01)',
 | 
						|
      'angledLineToX([3, 30], %, $seg01)',
 | 
						|
      'angledLineToX({ angle = 3, to = 30 }, %, $seg01)',
 | 
						|
      'angledLineToY([3, 7], %, $seg01)',
 | 
						|
      'angledLineToY({ angle = 3, to = 7 }, %, $seg01)',
 | 
						|
    ]
 | 
						|
    for (const doesHaveTagOutsideSketch of [true, false]) {
 | 
						|
      for (const lineOfInterest of cases) {
 | 
						|
        const isObj = lineOfInterest.includes('{ angle = 3,')
 | 
						|
        test(`${lineOfInterest.split('(')[0]}${isObj ? '-[obj-input]' : ''}${
 | 
						|
          doesHaveTagOutsideSketch ? '-[tagOutsideSketch]' : ''
 | 
						|
        }`, async ({ page, editor, homePage }) => {
 | 
						|
          await page.addInitScript(
 | 
						|
            async ({ lineToBeDeleted, extraLine }) => {
 | 
						|
              localStorage.setItem(
 | 
						|
                'persistCode',
 | 
						|
                `part001 = startSketchOn('XZ')
 | 
						|
          |> startProfileAt([5, 6], %)
 | 
						|
          |> ${lineToBeDeleted}
 | 
						|
          |> line(end = [-10, -15])
 | 
						|
          |> angledLine([-176, segLen(seg01)], %)        
 | 
						|
        ${extraLine ? 'myVar = segLen(seg01)' : ''}`
 | 
						|
              )
 | 
						|
            },
 | 
						|
            {
 | 
						|
              lineToBeDeleted: lineOfInterest,
 | 
						|
              extraLine: doesHaveTagOutsideSketch,
 | 
						|
            }
 | 
						|
          )
 | 
						|
          const u = await getUtils(page)
 | 
						|
          await page.setBodyDimensions({ width: 1200, height: 500 })
 | 
						|
 | 
						|
          await homePage.goToModelingScene()
 | 
						|
          await u.waitForPageLoad()
 | 
						|
          await page.waitForTimeout(1000)
 | 
						|
 | 
						|
          await expect
 | 
						|
            .poll(async () => {
 | 
						|
              await editor.scrollToText(lineOfInterest)
 | 
						|
              await page.waitForTimeout(1000)
 | 
						|
              await page.keyboard.press('ArrowRight')
 | 
						|
              await page.waitForTimeout(500)
 | 
						|
              await page.keyboard.press('ArrowLeft')
 | 
						|
              await page.waitForTimeout(500)
 | 
						|
              try {
 | 
						|
                await expect(
 | 
						|
                  page.getByRole('button', { name: 'Edit Sketch' })
 | 
						|
                ).toBeVisible()
 | 
						|
                return true
 | 
						|
              } catch (_) {
 | 
						|
                return false
 | 
						|
              }
 | 
						|
            })
 | 
						|
            .toBe(true)
 | 
						|
          await page.getByRole('button', { name: 'Edit Sketch' }).click()
 | 
						|
 | 
						|
          await expect(page.getByTestId('segment-overlay')).toHaveCount(3)
 | 
						|
          const segmentToDelete = await u.getBoundingBox(
 | 
						|
            `[data-overlay-index="0"]`
 | 
						|
          )
 | 
						|
 | 
						|
          const isYLine = lineOfInterest.toLowerCase().includes('yline')
 | 
						|
          const hoverPos = {
 | 
						|
            x: segmentToDelete.x + (isYLine ? 0 : -20),
 | 
						|
            y: segmentToDelete.y + (isYLine ? -20 : 0),
 | 
						|
          }
 | 
						|
          await expect(page.getByText('Added variable')).not.toBeVisible()
 | 
						|
          const ang = isYLine ? 45 : -45
 | 
						|
          const [x, y] = [
 | 
						|
            Math.cos((ang * Math.PI) / 180) * 45,
 | 
						|
            Math.sin((ang * Math.PI) / 180) * 45,
 | 
						|
          ]
 | 
						|
 | 
						|
          await page.mouse.move(hoverPos.x + x, hoverPos.y + y)
 | 
						|
          await page.mouse.move(hoverPos.x, hoverPos.y, { steps: 5 })
 | 
						|
 | 
						|
          await editor.expectEditor.toContain(lineOfInterest, {
 | 
						|
            shouldNormalise: true,
 | 
						|
          })
 | 
						|
 | 
						|
          await page.getByTestId('overlay-menu').click()
 | 
						|
          await page.waitForTimeout(100)
 | 
						|
          await page.getByText('Delete Segment').click()
 | 
						|
 | 
						|
          await page.getByText('Cancel').click()
 | 
						|
 | 
						|
          await page.mouse.move(hoverPos.x + x, hoverPos.y + y)
 | 
						|
          await page.mouse.move(hoverPos.x, hoverPos.y, { steps: 5 })
 | 
						|
 | 
						|
          await editor.expectEditor.toContain(lineOfInterest, {
 | 
						|
            shouldNormalise: true,
 | 
						|
          })
 | 
						|
 | 
						|
          await page.getByTestId('overlay-menu').click()
 | 
						|
          await page.waitForTimeout(100)
 | 
						|
          await page.getByText('Delete Segment').click()
 | 
						|
 | 
						|
          await page.getByText('Continue and unconstrain').last().click()
 | 
						|
 | 
						|
          if (doesHaveTagOutsideSketch) {
 | 
						|
            // eslint-disable-next-line jest/no-conditional-expect
 | 
						|
            await expect(
 | 
						|
              page.getByText(
 | 
						|
                'Segment tag used outside of current Sketch. Could not delete.'
 | 
						|
              )
 | 
						|
            ).toBeTruthy()
 | 
						|
            // eslint-disable-next-line jest/no-conditional-expect
 | 
						|
            await editor.expectEditor.toContain(lineOfInterest, {
 | 
						|
              shouldNormalise: true,
 | 
						|
            })
 | 
						|
          } else {
 | 
						|
            // eslint-disable-next-line jest/no-conditional-expect
 | 
						|
            await editor.expectEditor.not.toContain(lineOfInterest, {
 | 
						|
              shouldNormalise: true,
 | 
						|
            })
 | 
						|
            // eslint-disable-next-line jest/no-conditional-expect
 | 
						|
            await editor.expectEditor.not.toContain('seg01', {
 | 
						|
              shouldNormalise: true,
 | 
						|
            })
 | 
						|
          }
 | 
						|
        })
 | 
						|
      }
 | 
						|
    }
 | 
						|
  })
 | 
						|
  test.describe('Testing remove constraints segments', () => {
 | 
						|
    const cases = [
 | 
						|
      {
 | 
						|
        before: `line(end = [22 + 0, 2 + 0], tag = $seg01)`,
 | 
						|
        after: `line(end = [22, 2], tag = $seg01)`,
 | 
						|
      },
 | 
						|
 | 
						|
      {
 | 
						|
        before: `angledLine([5 + 0, 23.03 + 0], %, $seg01)`,
 | 
						|
        after: `line(end = [22.94, 2.01], tag = $seg01)`,
 | 
						|
      },
 | 
						|
      {
 | 
						|
        before: `xLine(23 + 0, %, $seg01)`,
 | 
						|
        after: `line(end = [23, 0], tag = $seg01)`,
 | 
						|
      },
 | 
						|
      {
 | 
						|
        before: `yLine(-8 + 0, %, $seg01)`,
 | 
						|
        after: `line(end = [0, -8], tag = $seg01)`,
 | 
						|
      },
 | 
						|
      {
 | 
						|
        before: `xLineTo(30 + 0, %, $seg01)`,
 | 
						|
        after: `line(end = [25, 0], tag = $seg01)`,
 | 
						|
      },
 | 
						|
      {
 | 
						|
        before: `yLineTo(-4 + 0, %, $seg01)`,
 | 
						|
        after: `line(end = [0, -10], tag = $seg01)`,
 | 
						|
      },
 | 
						|
      {
 | 
						|
        before: `angledLineOfXLength({ angle = 3 + 0, length = 30 + 0 }, %, $seg01)`,
 | 
						|
        after: `line(end = [30, 1.57], tag = $seg01)`,
 | 
						|
      },
 | 
						|
      {
 | 
						|
        before: `angledLineOfYLength({ angle = 3 + 0, length = 1.5 + 0 }, %, $seg01)`,
 | 
						|
        after: `line(end = [28.62, 1.5], tag = $seg01)`,
 | 
						|
      },
 | 
						|
      {
 | 
						|
        before: `angledLineToX({ angle = 3 + 0, to = 30 + 0 }, %, $seg01)`,
 | 
						|
        after: `line(end = [25, 1.31], tag = $seg01)`,
 | 
						|
      },
 | 
						|
      {
 | 
						|
        before: `angledLineToY({ angle = 3 + 0, to = 7 + 0 }, %, $seg01)`,
 | 
						|
        after: `line(end = [19.08, 1], tag = $seg01)`,
 | 
						|
      },
 | 
						|
    ]
 | 
						|
 | 
						|
    for (const { before, after } of cases) {
 | 
						|
      const isObj = before.includes('{ angle = 3')
 | 
						|
      test(`${before.split('(')[0]}${isObj ? '-[obj-input]' : ''}`, async ({
 | 
						|
        page,
 | 
						|
        editor,
 | 
						|
        homePage,
 | 
						|
      }) => {
 | 
						|
        await page.addInitScript(
 | 
						|
          async ({ lineToBeDeleted }) => {
 | 
						|
            localStorage.setItem(
 | 
						|
              'persistCode',
 | 
						|
              `part001 = startSketchOn('XZ')
 | 
						|
        |> startProfileAt([5, 6], %)
 | 
						|
        |> ${lineToBeDeleted}
 | 
						|
        |> line(end = [-10, -15])
 | 
						|
        |> angledLine([-176, segLen(seg01)], %)`
 | 
						|
            )
 | 
						|
          },
 | 
						|
          {
 | 
						|
            lineToBeDeleted: before,
 | 
						|
          }
 | 
						|
        )
 | 
						|
        const u = await getUtils(page)
 | 
						|
        await page.setBodyDimensions({ width: 1200, height: 500 })
 | 
						|
 | 
						|
        await homePage.goToModelingScene()
 | 
						|
        await u.waitForPageLoad()
 | 
						|
        await page.waitForTimeout(300)
 | 
						|
 | 
						|
        await page.getByText(before).click()
 | 
						|
        await page.waitForTimeout(100)
 | 
						|
        await page.getByRole('button', { name: 'Edit Sketch' }).click()
 | 
						|
        await page.waitForTimeout(500)
 | 
						|
 | 
						|
        await expect(page.getByTestId('segment-overlay')).toHaveCount(3)
 | 
						|
        await expect(page.getByText('Added variable')).not.toBeVisible()
 | 
						|
 | 
						|
        const hoverPos = await u.getBoundingBox(`[data-overlay-index="0"]`)
 | 
						|
        let ang = await u.getAngle(`[data-overlay-index="${0}"]`)
 | 
						|
        ang += 180
 | 
						|
 | 
						|
        await page.mouse.move(0, 0)
 | 
						|
        await page.waitForTimeout(1000)
 | 
						|
        let x = 0,
 | 
						|
          y = 0
 | 
						|
        x = hoverPos.x + Math.cos(ang * deg) * 32
 | 
						|
        y = hoverPos.y - Math.sin(ang * deg) * 32
 | 
						|
        await page.mouse.move(x, y)
 | 
						|
        await wiggleMove(
 | 
						|
          page,
 | 
						|
          x,
 | 
						|
          y,
 | 
						|
          20,
 | 
						|
          30,
 | 
						|
          ang,
 | 
						|
          10,
 | 
						|
          5,
 | 
						|
          '[data-overlay-toolbar-index="0"]'
 | 
						|
        )
 | 
						|
        await page.mouse.move(x, y)
 | 
						|
 | 
						|
        await editor.expectEditor.toContain(before, { shouldNormalise: true })
 | 
						|
 | 
						|
        await page.getByTestId('overlay-menu').click()
 | 
						|
        await page.waitForTimeout(100)
 | 
						|
        await page.getByText('Remove constraints').click()
 | 
						|
 | 
						|
        await editor.expectEditor.toContain(after, { shouldNormalise: true })
 | 
						|
 | 
						|
        // check the cursor was left in the correct place after transform
 | 
						|
        await expect(page.locator('.cm-activeLine')).toHaveText('|> ' + after)
 | 
						|
        await expect(page.getByTestId('segment-overlay')).toHaveCount(3)
 | 
						|
      })
 | 
						|
    }
 | 
						|
  })
 | 
						|
})
 |