fix(spectator): setInput with object parameter for alias names (#692)

Co-authored-by: Nicolas CROZE <nicolas.croze@4dconcept.fr>
ngneat · Jan 28, 2025 · 25afec2 · 25afec2
1 parent aae7717
commit 25afec2
Show file tree

Hide file tree

Showing 4 changed files with 115 additions and 0 deletions.
diff --git a/projects/spectator/jest/test/set-input-alias-names.spec.ts b/projects/spectator/jest/test/set-input-alias-names.spec.ts
@@ -33,6 +33,24 @@ describe('SetInputAliasNames', () => {
       expect(nameElement.innerHTML).toBe('John');
       expect(ageElement.innerHTML).toBe('123');
     });
+
+    it('setInput with object should respect the alias names', () => {
+      // Arrange
+      const spectator = createComponent();
+
+      const nameElement = spectator.query('[data-test="set-input--name"]')!;
+      const ageElement = spectator.query('[data-test="set-input--age"]')!;
+
+      // Act
+      spectator.setInput({
+        userName: 'John',
+        age: '123',
+      });
+
+      // Assert
+      expect(nameElement.innerHTML).toBe('John');
+      expect(ageElement.innerHTML).toBe('123');
+    });
   });
 
   describe('signal inputs', () => {
@@ -68,5 +86,25 @@ describe('SetInputAliasNames', () => {
       expect(nameElement.innerHTML).toBe('John');
       expect(ageElement.innerHTML).toBe('123');
     });
+
+    it('setInput with object should respect the alias names', () => {
+      // Arrange
+      const spectator = createComponent({
+        detectChanges: false,
+      });
+
+      const nameElement = spectator.query('[data-test="set-input--name"]')!;
+      const ageElement = spectator.query('[data-test="set-input--age"]')!;
+
+      // Act
+      spectator.setInput({
+        userName: 'John',
+        age: '123',
+      });
+
+      // Assert
+      expect(nameElement.innerHTML).toBe('John');
+      expect(ageElement.innerHTML).toBe('123');
+    });
   });
 });
diff --git a/projects/spectator/src/lib/spectator/spectator.ts b/projects/spectator/src/lib/spectator/spectator.ts
@@ -41,6 +41,7 @@ export class Spectator<C> extends DomSpectator<C> {
   }
 
   public setInput<K extends keyof C>(input: InferInputSignals<C>): void;
+  public setInput(input: { [inputName: string]: unknown }): void;
   public setInput<K extends keyof C>(input: K, inputValue: InferInputSignal<C[K]>): void;
   public setInput(input: string, inputValue: unknown): void;
   public setInput(input: any, value?: any): void {

diff --git a/projects/spectator/test/set-input-alias-names.spec.ts b/projects/spectator/test/set-input-alias-names.spec.ts
@@ -33,6 +33,24 @@ describe('SetInputAliasNames', () => {
       expect(nameElement.innerHTML).toBe('John');
       expect(ageElement.innerHTML).toBe('123');
     });
+
+    it('setInput with object should respect the alias names', () => {
+      // Arrange
+      const spectator = createComponent();
+
+      const nameElement = spectator.query('[data-test="set-input--name"]')!;
+      const ageElement = spectator.query('[data-test="set-input--age"]')!;
+
+      // Act
+      spectator.setInput({
+        userName: 'John',
+        age: '123',
+      });
+
+      // Assert
+      expect(nameElement.innerHTML).toBe('John');
+      expect(ageElement.innerHTML).toBe('123');
+    });
   });
 
   describe('signal inputs', () => {
@@ -68,5 +86,25 @@ describe('SetInputAliasNames', () => {
       expect(nameElement.innerHTML).toBe('John');
       expect(ageElement.innerHTML).toBe('123');
     });
+
+    it('setInput with object should respect the alias names', () => {
+      // Arrange
+      const spectator = createComponent({
+        detectChanges: false,
+      });
+
+      const nameElement = spectator.query('[data-test="set-input--name"]')!;
+      const ageElement = spectator.query('[data-test="set-input--age"]')!;
+
+      // Act
+      spectator.setInput({
+        userName: 'John',
+        age: '123',
+      });
+
+      // Assert
+      expect(nameElement.innerHTML).toBe('John');
+      expect(ageElement.innerHTML).toBe('123');
+    });
   });
 });
diff --git a/projects/spectator/vitest/test/set-input-alias-names.spec.ts b/projects/spectator/vitest/test/set-input-alias-names.spec.ts
@@ -33,6 +33,24 @@ describe('SetInputAliasNames', () => {
       expect(nameElement.innerHTML).toBe('John');
       expect(ageElement.innerHTML).toBe('123');
     });
+
+    it('setInput with object should respect the alias names', () => {
+      // Arrange
+      const spectator = createComponent();
+
+      const nameElement = spectator.query('[data-test="set-input--name"]')!;
+      const ageElement = spectator.query('[data-test="set-input--age"]')!;
+
+      // Act
+      spectator.setInput({
+        userName: 'John',
+        age: '123',
+      });
+
+      // Assert
+      expect(nameElement.innerHTML).toBe('John');
+      expect(ageElement.innerHTML).toBe('123');
+    });
   });
 
   describe('signal inputs', () => {
@@ -68,5 +86,25 @@ describe('SetInputAliasNames', () => {
       expect(nameElement.innerHTML).toBe('John');
       expect(ageElement.innerHTML).toBe('123');
     });
+
+    it('setInput with object should respect the alias names', () => {
+      // Arrange
+      const spectator = createComponent({
+        detectChanges: false,
+      });
+
+      const nameElement = spectator.query('[data-test="set-input--name"]')!;
+      const ageElement = spectator.query('[data-test="set-input--age"]')!;
+
+      // Act
+      spectator.setInput({
+        userName: 'John',
+        age: '123',
+      });
+
+      // Assert
+      expect(nameElement.innerHTML).toBe('John');
+      expect(ageElement.innerHTML).toBe('123');
+    });
   });
 });