Add API for defer blocks

[Christian24]

Hello,

defer blocks are now in developer preview with Angular 17. There seem to be new features in component fixtures. Are there already plans how to support this in testing-library?

The API Angular provides for this seems to be pretty straightforward, so maybe it should just be wrapped?

[timdeschryver]

Thanks for bringing this up, I wasn't aware of this yet.
This should already be possible because render returns the component fixture.
When this lib is upgraded to v17, we'll include an example.

[Christian24]

Maybe we could make it a bit easier even:

maybe render could return a new field deferBlocks? Or a function getDeferBlocks()? I don't know if falling back completely to component fixtures is the way to go.

[timdeschryver]

Yea, ideally we have an API for that but in the meantime using fixture is a way to do this.
Sadly I don't see an easy way to query a defer block, instead of getDeferBlocks() I was thinking to expose a method that does the following:

// renderDeferState or renderDefer or renderDeferBlock or renderBlock 😅
// or rerender/set/...?
const { renderDeferState } = render(AppComponent);

// set the defer state of the first defer block
await renderDeferState(DeferBlockState.Complete)


// set a specific defer block using the index
await renderDeferState(DeferBlockState.Complete, 2)

[timdeschryver]

@Christian24 what do you think of the API introduced in #418 ?

[Christian24]

I am currently on vacation. I will report back next week 🙂

…

________________________________ From: Tim Deschryver ***@***.***> Sent: Monday, November 13, 2023 6:08:02 PM To: testing-library/angular-testing-library ***@***.***> Cc: Christian24 ***@***.***>; Mention ***@***.***> Subject: Re: [testing-library/angular-testing-library] Add API for defer blocks (Issue #415) @Christian24<https://github.com/Christian24> what do you think of the API introduced in #418<#418> ? — Reply to this email directly, view it on GitHub<#415 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AASLR235DUN3CZDDA6PDAQ3YEJHXFAVCNFSM6AAAAAA6765H3KVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQMBYGYYDENBWGM>. You are receiving this because you were mentioned.Message ID: ***@***.***>