test: repair signal-migration spec failures + 2 component regressions

Спеки не компилировались после миграции компонентов на signal
input()/model()/output(): присваивание read-only инпутов и обращение к
удалённым EventEmitter (checkedChange/appValueChange). Перевёл на
fixture.componentRef.setInput(...) и подписку на model()/output().

Специи вскрыли два реальных регресса миграции (правки в компонентах):
- range-criterion-input: в шаблоне error/max использовались без вызова
  сигнала (функция всегда truthy → класс ошибки висел всегда, max не
  применялся) → error()/max().
- input: внешний [appValue] (two-way model) не отражался в значении поля —
  утрачен бывший @Input-сеттер appValue→value → добавлен effect-синк.

Затронуты: button, checkbox, switch, input, search, course-module-card,
write-task, range-criterion-input, chat-message, news-card (43/43 локально).

Author: Awakich

projects/social_platform/src/app/ui/pages/courses/detail/info/course-module-card/course-module-card.component.spec.ts

@@ -35,7 +35,7 @@ describe("CourseModuleCardComponent", () => {
 
     fixture = TestBed.createComponent(CourseModuleCardComponent);
     component = fixture.componentInstance;
-    component.courseModule = courseModule;
+    fixture.componentRef.setInput("courseModule", courseModule);
     fixture.detectChanges();
   }
 

projects/social_platform/src/app/ui/pages/courses/lesson/shared/write-task/write-task.component.spec.ts

@@ -21,7 +21,7 @@ describe("WriteTaskComponent", () => {
 
     fixture = TestBed.createComponent(WriteTaskComponent);
     component = fixture.componentInstance;
-    component.data = { order: 1, bodyText: "test", videoUrl: "" } as any;
+    fixture.componentRef.setInput("data", { order: 1, bodyText: "test", videoUrl: "" } as any);
     fixture.detectChanges();
   });
 

projects/social_platform/src/app/ui/pages/program/detail/list/rating-card/project-rating/components/range-criterion-input/range-criterion-input.component.html

@@ -1,11 +1,11 @@
 <!-- @format -->
 
-<div class="field" [class.field--error]="error">
+<div class="field" [class.field--error]="error()">
   <input
     type="number"
     [value]="value"
     [min]="0"
-    [max]="max"
+    [max]="max()"
     [step]="1"
     [disabled]="disabled"
     (input)="onInput($event)"
@@ -14,8 +14,8 @@
     (paste)="onPaste($event)"
     (focus)="moveCursorToEnd($event)"
     class="field__input text-body-10"
-    [class.field__input--error]="error"
+    [class.field__input--error]="error()"
   />
   <span class="text-body-10">&nbsp;/</span>
-  <span class="text-body-10">{{ max }}</span>
+  <span class="text-body-10">{{ max() }}</span>
 </div>

projects/social_platform/src/app/ui/pages/program/detail/list/rating-card/project-rating/components/range-criterion-input/range-criterion-input.component.spec.ts

@@ -55,7 +55,6 @@ describe("RangeCriterionInputComponent", () => {
   it("should set the error class when error input is true", () => {
     const field = fixture.nativeElement.querySelector(".field");
     expect(field.classList).not.toContain("field--error");
-    component.error = true;
     fixture.componentRef.setInput("error", true);
     fixture.detectChanges();
     expect(field.classList).toContain("field--error");

projects/social_platform/src/app/ui/primitives/button/button.component.spec.ts

@@ -24,31 +24,31 @@ describe("ButtonComponent", () => {
   });
 
   it("should set the button type", () => {
-    component.type = "submit";
+    fixture.componentRef.setInput("type", "submit");
     fixture.detectChanges();
 
     const button = fixture.debugElement.query(By.css("button")).nativeElement;
     expect(button.type).toEqual("submit");
   });
 
   it("should set the button color", () => {
-    component.color = "red";
+    fixture.componentRef.setInput("color", "red");
     fixture.detectChanges();
 
     const button = fixture.debugElement.query(By.css("button")).nativeElement;
     expect(button.classList).toContain("button--red");
   });
 
   it("should set the button appearance", () => {
-    component.appearance = "outline";
+    fixture.componentRef.setInput("appearance", "outline");
     fixture.detectChanges();
 
     const button = fixture.debugElement.query(By.css("button")).nativeElement;
     expect(button.classList).toContain("button--outline");
   });
 
   it("should show the loader when loader input is true", () => {
-    component.loader = true;
+    fixture.componentRef.setInput("loader", true);
     fixture.detectChanges();
 
     const loader = fixture.debugElement.query(By.css("app-loader"));

projects/social_platform/src/app/ui/primitives/checkbox/checkbox.component.spec.ts

@@ -25,12 +25,13 @@ describe("CheckboxComponent", () => {
   });
 
   it("should emit the checked value when the field is clicked", () => {
-    spyOn(component.checkedChange, "emit");
+    const emitSpy = jasmine.createSpy("checkedChange");
+    component.checked.subscribe(emitSpy);
 
     const field = fixture.debugElement.query(By.css(".field"));
     field.triggerEventHandler("click", null);
 
-    expect(component.checkedChange.emit).toHaveBeenCalledWith(true);
+    expect(emitSpy).toHaveBeenCalledWith(true);
   });
 
   it('should add the "field--checked" class when checked is true', () => {

projects/social_platform/src/app/ui/primitives/input/input.component.spec.ts

@@ -60,12 +60,13 @@ describe("InputComponent", () => {
   });
 
   it("should emit the input value on input", () => {
-    spyOn(component.appValueChange, "emit");
+    const emitSpy = jasmine.createSpy("appValueChange");
+    component.appValue.subscribe(emitSpy);
     const testValue = "test";
     const input = fixture.nativeElement.querySelector("input");
     input.value = testValue;
     input.dispatchEvent(new Event("input"));
-    expect(component.appValueChange.emit).toHaveBeenCalledWith(testValue);
+    expect(emitSpy).toHaveBeenCalledWith(testValue);
   });
 
   it("should emit enter event on enter keydown", () => {

projects/social_platform/src/app/ui/primitives/input/input.component.ts

@@ -5,6 +5,7 @@ import {
   ChangeDetectionStrategy,
   ChangeDetectorRef,
   Component,
+  effect,
   ElementRef,
   forwardRef,
   input,
@@ -46,7 +47,12 @@ import { IconComponent } from "../icon/icon.component";
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class InputComponent implements ControlValueAccessor {
-  constructor(private readonly cdr: ChangeDetectorRef) {}
+  constructor(private readonly cdr: ChangeDetectorRef) {
+    effect(() => {
+      this.value = this.appValue();
+      this.cdr.markForCheck();
+    });
+  }
 
   placeholder = input("");
   type = input<"text" | "password" | "email" | "tel" | "date" | "radio">("text");

projects/social_platform/src/app/ui/primitives/search/search.component.spec.ts

@@ -27,7 +27,7 @@ describe("SearchComponent", () => {
   });
 
   it("should not call onSwitchSearch when clicked and openable is false", () => {
-    component.openable = false;
+    fixture.componentRef.setInput("openable", false);
     const searchDiv = fixture.nativeElement.querySelector(".search__other");
     searchDiv.dispatchEvent(new Event("click"));
     fixture.detectChanges();

projects/social_platform/src/app/ui/primitives/switch/switch.component.spec.ts

@@ -23,11 +23,12 @@ describe("SwitchComponent", () => {
     expect(component).toBeTruthy();
   });
 
-  it("should emit checkedChange when clicked", async () => {
-    spyOn(component.checkedChange, "emit");
+  it("should emit checkedChange when clicked", () => {
+    const emitSpy = jasmine.createSpy("checkedChange");
+    component.checked.subscribe(emitSpy);
     const switchElement = fixture.nativeElement.querySelector(".switch");
     switchElement.click();
-    expect(component.checkedChange.emit).toHaveBeenCalledWith(true);
+    expect(emitSpy).toHaveBeenCalledWith(true);
   });
 
   it('should apply the "switch--active" class when checked is true', () => {