searchTerm = model('');

<input
		name="search"
		type="search"
		[placeholder]="placeholder()"
		autocomplete="off"
		#searchField
		[(ngModel)]="searchTerm"
		[disabled]="disabled()"
			/>

    cy.mount(SearchComponent, {
	componentProperties: {
		// @ts-expect-error
		searchTermChange: createOutputSpy('searchTermChange'),
	},
        cy.get('input').type('son');
        cy.get('@searchTermChange').should('have.been.called');
    });

import { Component, model } from '@angular/core';
import { FormsModule } from '@angular/forms';

@Component({
	selector: 'app-test',
	standalone: true,
	template: '<input name="search" type="search" autocomplete="off" [(ngModel)]="searchTerm" />',
	imports: [FormsModule],
})
export class TestComponent {
	public searchTerm = model('');
}

import { TestComponent } from './test.component.ts';
import { createOutputSpy } from 'cypress/angular-signals';
describe('TestComponent', () => {
	it('model() searchTerm - When text is typed into search input his output will fire with that term', () => {
		cy.mount(TestComponent, {
			componentProperties: {
				// @ts-expect-error
				searchTermChange: createOutputSpy('searchTermChange'),
			},
		});

		cy.get('input').type('son');
		cy.get('@searchTermChange').should('have.been.called');
	});
});