Как издеваться над компонентом ребенка, чтобы проверить родительский автономный компонент в угловой ⇐ Html

[Anonymous]

Я преобразовал все свои угловые компоненты в автономные компоненты. Тем не менее, я сталкиваюсь с проблемами с моими модульными тестами. Тесты, которые ранее работали, сейчас терпят неудачу. /strong>.
Пример: < /p>

Код: Выделить всё

@Component({
selector: 'app-root',
template: 'Hello{{title}}',
styleUrls: ['./app.component.css'],
standalone: true,
imports: [CommonModule, TableComponent],
})
export class AppComponent {
title = 'CodeSandbox';
}
< /code>
table.component.ts
@Component({
selector: 'app-table',
template: 'Original Table {{text}}',
standalone: true,
})
export class TableComponent {
text = 'CodeSandbox';
}
< /code>
App.component.spec.ts
describe('AppComponent', () => {
let component: LanesComponent;
let fixture: ComponentFixture;
let mockTableComponent: jasmine.SpyObj;

beforeEach(async () => {
await TestBed.configureTestingModule({
imports: [AppComponent, mockTableComponent],
}).compileComponents();

fixture = TestBed.createComponent(AppComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});

it('should render the mock table', () => {
const tableComponent: MockTableComponent = fixture.debugElement.query(By.directive(MockTableComponent)).componentInstance;
});
});

Если я отлаживает fixture.debugelement рендеринг исходная таблица {{text}} , у моего Mocktable только hi . Как я могу заставить AppComponent отображать компонент максимальной таблицы вместо исходного компонента таблицы?
Большое спасибо! < /P>

Подробнее здесь: https://stackoverflow.com/questions/785 ... -in-angula