feat(angular-query): support required input signal on injectMutation

[riccardoperra]

This pr add required input signal support for injectMutation and injectMutationState.

Like injectQuery does, we should support required input signals also for injectMutation and injectMutationState. The use may be related to some specific mutations that can have as mutationKey the value of a required input signal. Done that, we may want to get the state of the mutations via injectMutationState, which could have as "filter" that value passed as input

// Component A

class ComponentA { 
  readonly id = input.required<string>();
  readonly addMutation = injectMutation(() => ({
    mutationKey: ['entity', this.id(), 'add'],
    mutationFn: () => {}
  })
} 

// Component B

class ComponentB { 
  readonly id = input.required<string>();
  readonly mutationState = injectMutationState(() => ({
    filters: {mutationKey: ['entity', this.id()]}
  })
}

---

I'm adding some new tests via TestBed in both injectMutation/injectQuery in order to be sure that nothings break if we find another solution for the lazy initialization.

I'm also introducing some utils in order to set required signal input via testBed, which seems currently not "officially" supported. I found a related discussion but vitest seems not supporting that yet, so I couldn't use testing-library/angular.

• Add support for injectIsMutating --> This may should be done in another PR. It's a breaking change that requires to update the function signature

@arnoud-dv

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Ignored Deployment

Name	Status	Preview	Comments	Updated (UTC)
query	⬜️ Ignored (Inspect)	Visit Preview		Mar 5, 2024 9:48pm

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 145bb9f. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 1 target

• nx affected --targets=test:format,test:sherif,test:knip,test:eslint,test:lib,test:types,test:build,build --parallel=3

---

Sent with 💌 from NxCloud.

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 145bb9f:

Sandbox	Source
@tanstack/query-example-angular-basic	Configuration
@tanstack/query-example-react-basic-typescript	Configuration
@tanstack/query-example-solid-basic-typescript	Configuration
@tanstack/query-example-svelte-basic	Configuration
@tanstack/query-example-vue-basic	Configuration

[arnoud-dv]

Nice! Thank you for the additional tests too.