diff --git a/packages/sdks-tests/src/e2e-tests/editing.spec.ts b/packages/sdks-tests/src/e2e-tests/editing.spec.ts index 2e727824d90..982aa8b5d33 100644 --- a/packages/sdks-tests/src/e2e-tests/editing.spec.ts +++ b/packages/sdks-tests/src/e2e-tests/editing.spec.ts @@ -1,9 +1,5 @@ import { expect } from '@playwright/test'; -import { - COLUMNS_WITH_NEW_SPACE, - COLUMNS_WITH_NEW_TEXT, - COLUMNS_WITH_NEW_WIDTHS, -} from '../specs/columns.js'; +import { COLUMNS, COLUMNS_WITH_NEW_SPACE, COLUMNS_WITH_NEW_WIDTHS } from '../specs/columns.js'; import { NEW_TEXT } from '../specs/helpers.js'; import { HOMEPAGE } from '../specs/homepage.js'; import { checkIsRN, test } from '../helpers/index.js'; @@ -171,12 +167,18 @@ test.describe('Visual Editing', () => { test.skip( packageName === 'nextjs-sdk-next-app' || packageName === 'gen1-next' || - packageName === 'gen1-react' || packageName === 'gen1-remix' ); - await launchEmbedderAndWaitForSdk({ path: '/columns', basePort, page, sdk }); - await sendContentUpdateMessage({ page, newContent: COLUMNS_WITH_NEW_TEXT, model: 'page' }); + await launchEmbedderAndWaitForSdk({ path: '/columns-editing', basePort, page, sdk }); + await sendPatchOrUpdateMessage({ + page, + content: cloneContent(COLUMNS), + model: 'page', + sdk, + path: '/data/blocks/2/children/1/component/options/columns/0/blocks/1/component/options/text', + updateFn: () => NEW_TEXT, + }); await page.frameLocator('iframe').getByText(NEW_TEXT).waitFor(); }); test('correctly updates space prop', async ({ page, basePort, packageName, sdk }) => { @@ -190,7 +192,7 @@ test.describe('Visual Editing', () => { const selector = checkIsRN(sdk) ? '[data-builder-block-name=builder-column]' : '.builder-column'; - await launchEmbedderAndWaitForSdk({ path: '/columns', basePort, page, sdk }); + await launchEmbedderAndWaitForSdk({ path: '/columns-editing', basePort, page, sdk }); const secondColumn = page.frameLocator('iframe').locator(selector).nth(1); await expect(secondColumn).toHaveCSS('margin-left', checkIsRN(sdk) ? '0px' : '20px'); @@ -206,7 +208,7 @@ test.describe('Visual Editing', () => { packageName === 'gen1-remix' ); - await launchEmbedderAndWaitForSdk({ path: '/columns', basePort, page, sdk }); + await launchEmbedderAndWaitForSdk({ path: '/columns-editing', basePort, page, sdk }); const secondColumn = page.frameLocator('iframe').locator('.builder-column').nth(1); const initialWidth = await secondColumn.evaluate(el => diff --git a/packages/sdks-tests/src/specs/index.ts b/packages/sdks-tests/src/specs/index.ts index 115b9b99983..7073bf1f820 100644 --- a/packages/sdks-tests/src/specs/index.ts +++ b/packages/sdks-tests/src/specs/index.ts @@ -83,6 +83,7 @@ export const PAGES = { '/can-track-false': HOMEPAGE, '/css-nesting': cssNesting, '/columns': COLUMNS, + '/columns-editing': COLUMNS, '/symbols': symbols, '/js-code': JS_CODE_CONTENT, '/symbols-without-content': CONTENT_WITHOUT_SYMBOLS, @@ -198,6 +199,7 @@ export const VISUAL_EDITING_PATHNAMES = [ '/no-trusted-hosts', '/editing-styles-no-trusted-hosts', '/editing', + '/columns-editing', ] satisfies Path[]; export const getProps = async (args: {