const {debug} = await render(AppComponent)

debug()
<pre class="typing-tooltip"><code data-language="javascript" class="language-javascript"><span class="token keyword">const</span> debug<span class="token operator">:</span> <span class="token builtin">any</span></code></pre>

await render(SpoilerDirective, {
  template: `<div spoiler message='SPOILER'></div>`,
})
<pre class="typing-tooltip"><code data-language="javascript" class="language-javascript"><span class="token builtin">any</span></code></pre>

await render(AppComponent, {
  imports: [AppSharedModule, MaterialModule],
})
<pre class="typing-tooltip"><code data-language="javascript" class="language-javascript"><span class="token builtin">any</span></code></pre>

await render(AppComponent, {
  declarations: [ChildComponent],
  routes: [
    {
      path: '',
      children: [
        {
          path: 'child/:id',
          component: ChildComponent,
        },
      ],
    },
  ],
})
<pre class="typing-tooltip"><code data-language="javascript" class="language-javascript"><span class="token builtin">any</span></code></pre>

await render(AppComponent, {
  schemas: [NO_ERRORS_SCHEMA],
})
<pre class="typing-tooltip"><code data-language="javascript" class="language-javascript"><span class="token builtin">any</span></code></pre>

await render(AppComponent, {
  declarations: [CustomerDetailComponent, ButtonComponent],
})
<pre class="typing-tooltip"><code data-language="javascript" class="language-javascript"><span class="token builtin">any</span></code></pre>

const {getByText, queryByLabelText} = await render(AppComponent)

getByText('Hello world')
queryByLabelText('First name:')
<pre class="typing-tooltip"><code data-language="javascript" class="language-javascript"><span class="token keyword">const</span> getByText<span class="token operator">:</span> <span class="token builtin">any</span></code></pre>

import {render, screen, fireEvent} from '@testing-library/angular'
import {CounterComponent} from './counter.component.ts'

describe('Counter', () => {
  test('should render counter', async () => {
    await render(CounterComponent, {
      componentProperties: {counter: 5},
    })

    expect(screen.getByText('Current Count: 5'))
  })

  test('should increment the counter on click', async () => {
    await render(CounterComponent, {
      componentProperties: {counter: 5},
    })

    fireEvent.click(screen.getByText('+'))

    expect(screen.getByText('Current Count: 6'))
  })
})
<pre class="typing-tooltip"><code data-language="javascript" class="language-javascript"><span class="token punctuation">(</span>alias<span class="token punctuation">)</span> <span class="token keyword">function</span> <span class="token generic-function"><span class="token function">render</span><span class="token generic class-name"><span class="token operator">&lt;</span>ComponentType<span class="token operator">></span></span></span><span class="token punctuation">(</span>component<span class="token operator">:</span> <span class="token builtin">any</span><span class="token punctuation">,</span> renderOptions<span class="token operator">?</span><span class="token operator">:</span> RenderComponentOptions<span class="token operator">&lt;</span>ComponentType<span class="token operator">></span><span class="token punctuation">)</span><span class="token operator">:</span> <span class="token generic-function"><span class="token function">Promise</span><span class="token generic class-name"><span class="token operator">&lt;</span>RenderResult<span class="token operator">&lt;</span>ComponentType<span class="token punctuation">,</span> ComponentType<span class="token operator">>></span></span></span> <span class="token punctuation">(</span><span class="token operator">+</span><span class="token number">2</span> overloads<span class="token punctuation">)</span>
<span class="token keyword">import</span> render</code></pre>