Helper functions para testes no Angular

test-utils.ts

import { DebugElement } from '@angular/core';
import { ComponentFixture } from '@angular/core/testing';
import { By } from '@angular/platform-browser';

function dataTestSelector(dataTestId: string) {
	return By.css(`[data-test="${dataTestId}"]`);
}

export function queryAllElementsByDataTest<T>(
	fixture: ComponentFixture<T>,
	dataTestId: string
): DebugElement[] {
	return fixture.debugElement.queryAll(dataTestSelector(dataTestId));
}

export function queryElementByDataTest<T>(
	fixture: ComponentFixture<T>,
	dataTestId: string
): DebugElement {
	return fixture.debugElement.query(dataTestSelector(dataTestId));
}

export function getTextFromElement(debugElement: DebugElement): string {
	return debugElement.nativeElement.innerText;
}