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/react/testing-library/Functions/render.md.
Lynx
  • 简体中文

      • Function: render()

      render<Q extends Queries = typeof queries>(ui: ReactNode, options?: RenderOptions<Q>): RenderResult<Q>

      渲染到页面中。应与 cleanup 配合使用。

      Type Parameters

      Type ParameterDefault type
      Q extends Queriestypeof queries

      Parameters

      ParameterType
      uiReactNode
      options?RenderOptions<Q>

      Returns

      RenderResult<Q>

      Example

      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>
`);
      除非另有说明，本项目采用知识共享署名 4.0 国际许可协议进行许可，代码示例采用 Apache License 2.0 许可协议进行许可。