Shallow-render fails to bind @Input properties with required option in Angular 16

[lucaspaties]

Hello,
I've encountered an issue when using shallow-render with Angular 16.

In Angular 16, @input properties can have a required option. However, when I try to bind these properties in my tests, I get this:
InvalidCharacterError: Failed to execute 'setAttribute' on 'Element': '[[object' is not a valid attribute name.

Ex:

import { Component, Input } from "@angular/core";

@Component({
    selector: "my-component",
    templateUrl: "./my-component.component.html"
})

export class MyComponent {
    @Input({ required: true }) myInput1: any;

}}

Then on the test file:

 const render = async () =>
     shallow
         .provideMock({ provide: Service, useValue: ServiceMock })
         .provideMock({ provide: Toastr, useValue: ToastrMock })
         .render({ bind: { myInput1: objectMock } });

Can you look into it?

[angheladrian]

We have the same error when using signal inputs.

import {Component, input} from "@angular/core";

@Component({
    selector: "my-component",
    templateUrl: "./my-component.component.html"
})
export class MyComponent {

    readOnly = input<boolean|null>(false);
}