fix: allow passing any values to the Route#data

README.md

@@ -579,7 +579,7 @@ interface SpectatorRouting<C> extends Spectator<C> {
  /**
  * Updates the route data and triggers a route navigation.
  */
- setRouteData(name: string, value: string): void;
+ setRouteData(name: string, value: any): void;
 
  /**
  * Updates the route fragment and triggers a route navigation.

docs/docs/testing-with-routing.md

@@ -51,7 +51,7 @@ interface SpectatorRouting<C> extends Spectator<C> {
  /**
  * Updates the route data and triggers a route navigation.
  */
- setRouteData(name: string, value: string): void;
+ setRouteData(name: string, value: any): void;
 
  /**
  * Updates the route fragment and triggers a route navigation.

projects/spectator/src/lib/spectator-routing/activated-route-stub.ts

@@ -83,7 +83,7 @@ export class ActivatedRouteStub extends ActivatedRoute {
  this.snapshot = this.buildSnapshot();
  }
 
- public setData(name: string, value: string): void {
+ public setData(name: string, value: any): void {
  this.testData = { ...this.testData, [name]: value };
  this.snapshot = this.buildSnapshot();
  }

projects/spectator/src/lib/spectator-routing/spectator-routing.ts

@@ -71,8 +71,10 @@ export class SpectatorRouting<C> extends Spectator<C> {
 
  /**
  * Updates the route data and triggers a route navigation.
+ * The `value` is typed as `any` since the `Route#data` is a record with `any` values.
+ * There's no sense to make it generic until `Route#data` starts supporting generic types.
  */
- public setRouteData(name: string, value: string): void {
+ public setRouteData(name: string, value: any): void {
  if (this.checkStubPresent()) {
  this.activatedRouteStub.setData(name, value);
  this.triggerNavigationAndUpdate();

projects/spectator/test/spectator-routing/activated-route-stub.spec.ts

@@ -140,6 +140,27 @@ describe('ActivatedRouteStub', () => {
  });
  });
 
+ it('should update data in snapshot with any type of value', () => {
+ const activatedRouteStub = new ActivatedRouteStub();
+
+ activatedRouteStub.setData('movieName', 'Avengers')
+ activatedRouteStub.setData('countries', ['USA', 'Canada']);
+ activatedRouteStub.setData('animal', { type: 'dog' });
+
+ expect(activatedRouteStub.snapshot).not.toBeNull();
+
+ const { data } = activatedRouteStub.snapshot;
+
+ expect(data).toEqual({
+ movieName: 'Avengers',
+ countries: ['USA', 'Canada'],
+ animal: {
+ type: 'dog'
+ }
+ });
+ console.error(data);
+ })
+
  it('should update fragment in snapshot when set', () => {
  const activatedRouteStub = new ActivatedRouteStub();