import { test, expect } from '@playwright/test'

const builderUrl = '/en/builder'

test('SEO/Analytics inspector updates reflect in preview', async ({ page }) => {
  await page.goto(builderUrl)

  await page.getByLabel('SEO Title').fill('My SEO Title')
  await page.getByLabel('SEO Description').fill('My SEO Description')
  await page.getByLabel('OG Image URL').fill('https://example.com/og.png')
  await page.getByLabel('GA4 Measurement ID').fill('G-ABC1234567')
  await page.getByLabel('Meta Pixel ID').fill('1234567890')

  await expect(page.getByTestId('preview-seo-title')).toHaveText('My SEO Title')
  await expect(page.getByTestId('preview-seo-description')).toHaveText('My SEO Description')
  await expect(page.getByTestId('preview-og-image')).toHaveText('https://example.com/og.png')
  await expect(page.getByTestId('preview-ga4')).toHaveText('G-ABC1234567')
  await expect(page.getByTestId('preview-meta-pixel')).toHaveText('1234567890')
})