diff --git a/packages/sdks-tests/src/snippet-tests/live-previewing.spec.ts b/packages/sdks-tests/src/snippet-tests/live-previewing.spec.ts index 9d59bc6f3e5..3656b648f4f 100644 --- a/packages/sdks-tests/src/snippet-tests/live-previewing.spec.ts +++ b/packages/sdks-tests/src/snippet-tests/live-previewing.spec.ts @@ -22,7 +22,6 @@ test.describe('LivePreviewBlogData Component', () => { await expect(blogPreview).toContainText('Blog Title: Welcome to Builder.io'); await expect(blogPreview).toContainText('Authored by: John Doe'); await expect(blogPreview).toContainText('Handle: john_doe'); - await expect(blogPreview).toContainText('Published date: Tue Feb 11 2025'); }); test.describe('Live Preview blog data - Visual Editor', () => { @@ -42,7 +41,6 @@ test.describe('LivePreviewBlogData Component', () => { title: 'Welcome to Builder.io', author: 'John Doe', handle: 'john_doe', - publishedDate: 'Tue Feb 11 2025', }, }; await expect( @@ -54,18 +52,12 @@ test.describe('LivePreviewBlogData Component', () => { await expect( page.frameLocator('iframe').getByText(`Handle: ${INITIAL_CONTENT.data.handle}`) ).toBeVisible(); - await expect( - page - .frameLocator('iframe') - .getByText(`Published date: ${INITIAL_CONTENT.data.publishedDate}`) - ).toBeVisible(); const UPDATED_CONTENT = { data: { title: 'Welcome to Visual Editor', author: 'Jane Doe', handle: 'jane_doe', - publishedDate: `${new Date().toDateString()}`, }, }; @@ -87,11 +79,6 @@ test.describe('LivePreviewBlogData Component', () => { await expect( page.frameLocator('iframe').getByText(`Handle: ${UPDATED_CONTENT.data.handle}`) ).toBeVisible(); - await expect( - page - .frameLocator('iframe') - .getByText(`Published date: ${UPDATED_CONTENT.data.publishedDate}`) - ).toBeVisible(); }); }); }); diff --git a/packages/sdks/snippets/angular-16-ssr/src/app/live-preview/live-preview.component.ts b/packages/sdks/snippets/angular-16-ssr/src/app/live-preview/live-preview.component.ts index 7ddeac0da43..90fa4665316 100644 --- a/packages/sdks/snippets/angular-16-ssr/src/app/live-preview/live-preview.component.ts +++ b/packages/sdks/snippets/angular-16-ssr/src/app/live-preview/live-preview.component.ts @@ -9,21 +9,16 @@ import { subscribeToEditor } from '@builder.io/sdk-angular'; selector: 'app-live-preview', imports: [CommonModule], template: ` -
Loading Data...
+
Loading Data...
Blog Title: {{ content.data?.title }}
Authored by: {{ content.data?.['author'] }}
Handle: {{ content.data?.['handle'] }}
-
- Published date: - {{ getFormattedDate(content.data?.['publishedDate']) }} -
-
No Data.
`, }) export class LivePreviewComponent implements OnInit, OnDestroy { - content: BuilderContent | null = null; + content: BuilderContent | undefined = undefined; loading = true; private unsubscribeFn?: () => void; @@ -35,7 +30,7 @@ export class LivePreviewComponent implements OnInit, OnDestroy { } ngOnInit(): void { - this.content = this.route.snapshot.data['content'] || null; + this.content = this.route.snapshot.data['content'] || undefined; this.loading = false; this.unsubscribeFn = subscribeToEditor({ model: 'blog-data', diff --git a/packages/sdks/snippets/angular-16/src/app/live-preview/live-preview.component.ts b/packages/sdks/snippets/angular-16/src/app/live-preview/live-preview.component.ts index b6c5d041194..4790b425765 100644 --- a/packages/sdks/snippets/angular-16/src/app/live-preview/live-preview.component.ts +++ b/packages/sdks/snippets/angular-16/src/app/live-preview/live-preview.component.ts @@ -10,23 +10,17 @@ import { fetchOneEntry, subscribeToEditor } from '@builder.io/sdk-angular'; selector: 'app-live-preview', imports: [CommonModule], template: ` -
Loading Data...
+
Loading Data...
Blog Title: {{ content.data?.title }}
Authored by: {{ content.data?.['author'] }}
Handle: {{ content.data?.['handle'] }}
-
- Published date: - {{ getFormattedDate(content.data?.['publishedDate']) }} -
- -
No Data.
`, }) export class LivePreviewComponent implements OnInit, OnDestroy { - content: BuilderContent | null = null; + content: BuilderContent | undefined = undefined; loading = false; private unsubscribeFn?: () => void; @@ -44,7 +38,7 @@ export class LivePreviewComponent implements OnInit, OnDestroy { userAttributes: { urlPath: this.router.url }, }) .then((data) => { - this.content = data || null; + this.content = data || undefined; }) .finally(() => { this.loading = false;