upstream-tiptap/packages/react/tests/integration/useClientBoundary.test.ts

/**
 * @vitest-environment node
 */
import { readFileSync } from 'node:fs'
import { fileURLToPath } from 'node:url'

import { describe, expect, it } from 'vite-plus/test'

// The package boundary must stay a client module so it can be imported from
// React Server Components without evaluating the class components inside.
const entries = ['../../src/index.ts', '../../src/menus/index.ts']

describe('use client boundary', () => {
  it.each(entries)('%s starts with the "use client" directive', entry => {
    const path = fileURLToPath(new URL(entry, import.meta.url))

    // The directive must be the very first statement (only a BOM may precede
    // it), otherwise some RSC tooling ignores it. Do not trim leading blanks.
    const firstLine = readFileSync(path, 'utf8')
      .replace(/^\uFEFF/, '')
      .split('\n')[0]
      .trimEnd()

    expect(firstLine).toMatch(/^(['"])use client\1;?$/)
  })
})