1d8ddd951a
- Expose mixed smoothing percentages through Appearance controls - Preserve per-node corner preview values in one-step undo - Cover CanvasKit profiles and .fig import/export with engine and visual tests
61 lines
1.7 KiB
TypeScript
61 lines
1.7 KiB
TypeScript
import { expect, test, useEditorSetupWithClear } from '#tests/e2e/fixtures'
|
|
|
|
const editor = useEditorSetupWithClear('/?test&no-chrome&no-rulers')
|
|
|
|
test('regular partial full and independent corner smoothing', async () => {
|
|
await editor.page.evaluate(() => {
|
|
const store = window.openPencil?.getStore?.()
|
|
if (!store) throw new Error('OpenPencil store not initialized')
|
|
const pageId = store.state.currentPageId
|
|
const smoothingValues = [0, 0.5, 1]
|
|
for (const [index, cornerSmoothing] of smoothingValues.entries()) {
|
|
store.graph.createNode('RECTANGLE', pageId, {
|
|
name: `Corner smoothing ${cornerSmoothing}`,
|
|
x: 70 + index * 180,
|
|
y: 90,
|
|
width: 140,
|
|
height: 120,
|
|
cornerRadius: 42,
|
|
cornerSmoothing,
|
|
fills: [
|
|
{
|
|
type: 'SOLID',
|
|
color: { r: 0.23, g: 0.51, b: 0.96, a: 1 },
|
|
visible: true,
|
|
opacity: 1
|
|
}
|
|
]
|
|
})
|
|
}
|
|
|
|
store.graph.createNode('RECTANGLE', pageId, {
|
|
name: 'Independent smoothed corners',
|
|
x: 610,
|
|
y: 90,
|
|
width: 160,
|
|
height: 120,
|
|
independentCorners: true,
|
|
topLeftRadius: 50,
|
|
topRightRadius: 20,
|
|
bottomRightRadius: 50,
|
|
bottomLeftRadius: 8,
|
|
cornerSmoothing: 1,
|
|
fills: [
|
|
{
|
|
type: 'SOLID',
|
|
color: { r: 0.96, g: 0.35, b: 0.12, a: 1 },
|
|
visible: true,
|
|
opacity: 1
|
|
}
|
|
]
|
|
})
|
|
|
|
store.clearSelection()
|
|
store.requestRender()
|
|
})
|
|
await editor.canvas.waitForRender()
|
|
editor.canvas.assertNoErrors()
|
|
const buffer = await editor.canvas.canvas.screenshot()
|
|
expect(buffer).toMatchSnapshot('corner-smoothing-profiles.png')
|
|
})
|