For AI agents: the complete documentation index is available at /next/zh/llms.txt, the full documentation bundle is available at /next/zh/llms-full.txt, and this page is available as Markdown at /next/zh/api/reactlynx-testing-library/Function.render.md.
Lynx
  • 简体中文
  • reactlynx-testing-library / render

    render()

    function render<Q>(ui: ReactNode, options?: RenderOptions<Q>): RenderResult<Q>

    Render into the page. It should be used with cleanup.

    类型参数

    类型参数
    Q extends Queries

    参数

    范围类型
    uiReactNode
    options?RenderOptions<Q>

    返回

    RenderResult<Q>

    示例

    import { render} from '@lynx-js/react/testing-library'
    
    const WrapperComponent = ({ children }) => (
        <view data-testid='wrapper'>{children}</view>
    );
    const Comp = () => {
      return <view data-testid='inner' style="background-color: yellow;" />;
    };
    const { container, getByTestId } = render(<Comp />, {
      wrapper: WrapperComponent,
    });
    expect(getByTestId('wrapper')).toBeInTheDocument();
    expect(container.firstChild).toMatchInlineSnapshot(`
      <view
        data-testid="wrapper"
      >
        <view
          data-testid="inner"
          style="background-color: yellow;"
        />
      </view>
    `);

    定义于

    index.d.ts:1300

    除非另有说明,本项目采用知识共享署名 4.0 国际许可协议进行许可,代码示例采用 Apache License 2.0 许可协议进行许可。