acrylblends 0.6.3 → 0.7.0

package/plugins/acryl-router/src/core/jsx/dom/server.test.tsx

@@ -1,199 +0,0 @@
-/** @jsxImportSource ../ */
-import { raw } from '../../helper/html/index.ts'
-import { renderToReadableStream, renderToString } from './server.ts'
-
-const unsafeHtml = '<img src=x onerror=alert(1)>'
-const escapedUnsafeHtml = '&lt;img src=x onerror=alert(1)&gt;'
-
-describe('renderToString', () => {
-  it('Should be able to render HTML element', () => {
-    expect(renderToString(<h1>Hello</h1>)).toBe('<h1>Hello</h1>')
-  })
-
-  it('Should be able to render null', () => {
-    expect(renderToString(null)).toBe('')
-  })
-
-  it('Should be able to render undefined', () => {
-    expect(renderToString(undefined)).toBe('')
-  })
-
-  it('Should be able to render number', () => {
-    expect(renderToString(1)).toBe('1')
-  })
-
-  it('Should be able to render string', () => {
-    expect(renderToString('Acryl')).toBe('Acryl')
-  })
-
-  it('Should escape a string root', () => {
-    expect(renderToString(unsafeHtml)).toBe(escapedUnsafeHtml)
-  })
-
-  it('Should preserve an explicitly trusted root', () => {
-    expect(renderToString(raw('<strong>trusted</strong>'))).toBe('<strong>trusted</strong>')
-  })
-
-  it('Should escape nested array roots without separators', () => {
-    expect(renderToString([unsafeHtml, [unsafeHtml]])).toBe(
-      `${escapedUnsafeHtml}${escapedUnsafeHtml}`
-    )
-  })
-
-  it('Should preserve trusted content in an array root', () => {
-    expect(renderToString([raw('<strong>trusted</strong>'), unsafeHtml])).toBe(
-      `<strong>trusted</strong>${escapedUnsafeHtml}`
-    )
-  })
-
-  it('Should reject an asynchronous array root', () => {
-    expect(() => renderToString([Promise.resolve(unsafeHtml)])).toThrow(
-      'Async component is not supported in renderToString'
-    )
-  })
-
-  it('Should keep non-string roots unchanged', () => {
-    const object = { toString: () => 'plain-text' }
-
-    expect(renderToString(10n as never)).toBe('10')
-    expect(renderToString(Symbol('value') as never)).toBe('Symbol(value)')
-    expect(renderToString(object as never)).toBe('plain-text')
-  })
-
-  it('Should omit options', () => {
-    expect(renderToString('Acryl', { identifierPrefix: 'test' })).toBe('Acryl')
-  })
-
-  it('Should raise error for async component', async () => {
-    const AsyncComponent = async () => <h1>Hello from async component</h1>
-    expect(() => renderToString(<AsyncComponent />)).toThrowError()
-  })
-})
-
-describe('renderToReadableStream', () => {
-  const textDecoder = new TextDecoder()
-  const getStringFromStream = async (stream: ReadableStream<Uint8Array>): Promise<string> => {
-    const reader = stream.getReader()
-    let str = ''
-    for (;;) {
-      const { done, value } = await reader.read()
-      if (done) {
-        break
-      }
-      str += textDecoder.decode(value)
-    }
-    return str
-  }
-
-  it('Should be able to render HTML element', async () => {
-    const stream = await renderToReadableStream(<h1>Hello</h1>)
-    const reader = stream.getReader()
-    let { done, value } = await reader.read()
-    expect(done).toBe(false)
-    expect(textDecoder.decode(value)).toBe('<h1>Hello</h1>')
-    done = (await reader.read()).done
-    expect(done).toBe(true)
-  })
-
-  it('Should be able to render null', async () => {
-    expect(await getStringFromStream(await renderToReadableStream(null))).toBe('')
-  })
-
-  it('Should be able to render undefined', async () => {
-    expect(await getStringFromStream(await renderToReadableStream(undefined))).toBe('')
-  })
-
-  it('Should be able to render number', async () => {
-    expect(await getStringFromStream(await renderToReadableStream(1))).toBe('1')
-  })
-
-  it('Should be able to render string', async () => {
-    expect(await getStringFromStream(await renderToReadableStream('Acryl'))).toBe('Acryl')
-  })
-
-  it('Should escape a string root', async () => {
-    expect(await getStringFromStream(await renderToReadableStream(unsafeHtml))).toBe(
-      escapedUnsafeHtml
-    )
-  })
-
-  it('Should preserve an explicitly trusted root', async () => {
-    expect(
-      await getStringFromStream(await renderToReadableStream(raw('<strong>trusted</strong>')))
-    ).toBe('<strong>trusted</strong>')
-  })
-
-  it('Should escape synchronous and asynchronous array roots', async () => {
-    expect(
-      await getStringFromStream(await renderToReadableStream([unsafeHtml, [unsafeHtml]]))
-    ).toBe(`${escapedUnsafeHtml}${escapedUnsafeHtml}`)
-    expect(
-      await getStringFromStream(await renderToReadableStream([Promise.resolve(unsafeHtml)]))
-    ).toBe(escapedUnsafeHtml)
-  })
-
-  it('Should preserve trusted content in an array root', async () => {
-    expect(
-      await getStringFromStream(
-        await renderToReadableStream([raw('<strong>trusted</strong>'), unsafeHtml])
-      )
-    ).toBe(`<strong>trusted</strong>${escapedUnsafeHtml}`)
-  })
-
-  it('Should keep non-string roots unchanged', async () => {
-    expect(await getStringFromStream(await renderToReadableStream(10n as never))).toBe('10')
-  })
-
-  it('Should be called `onError` if there is an error', async () => {
-    const ErrorComponent = async () => {
-      throw new Error('Server error')
-    }
-
-    const onError = vi.fn()
-    expect(
-      await getStringFromStream(await renderToReadableStream(<ErrorComponent />, { onError }))
-    ).toBe('')
-    expect(onError).toBeCalledWith(new Error('Server error'))
-  })
-
-  it('Should not be called `onError` if there is no error', async () => {
-    const onError = vi.fn(() => 'error')
-    expect(await getStringFromStream(await renderToReadableStream('Acryl', { onError }))).toBe(
-      'Acryl'
-    )
-    expect(onError).toBeCalledTimes(0)
-  })
-
-  it('Should omit options, except onError', async () => {
-    expect(
-      await getStringFromStream(await renderToReadableStream('Acryl', { identifierPrefix: 'test' }))
-    ).toBe('Acryl')
-  })
-
-  it('Should be able to render async component', async () => {
-    const ChildAsyncComponent = async () => {
-      await new Promise((resolve) => setTimeout(resolve, 10))
-      return <span>child async component</span>
-    }
-
-    const AsyncComponent = async () => {
-      await new Promise((resolve) => setTimeout(resolve, 10))
-      return (
-        <h1>
-          Hello from async component
-          <ChildAsyncComponent />
-        </h1>
-      )
-    }
-
-    const stream = await renderToReadableStream(<AsyncComponent />)
-    const reader = stream.getReader()
-    let { done, value } = await reader.read()
-    expect(done).toBe(false)
-    expect(textDecoder.decode(value)).toBe(
-      '<h1>Hello from async component<span>child async component</span></h1>'
-    )
-    done = (await reader.read()).done
-    expect(done).toBe(true)
-  })
-})