Я тестирую приложение на angular и JHipster.
Я пытаюсь протестировать метку следующим образом:
<label #hiddenLabel class="form-control-label" jhiTranslate="oncosupApp.paciente.nombre" for="field_nombre" >Nombre</label>
, и она выдает ошибку, что скрытое не определено, то естьчто он не берет ссылку на элемент HTML.
Затем я пытаюсь без jhiTranslate, как это:
<label #hiddenLabel class="form-control-label" for="field_nombre" >Nombre</label>
и все работает отлично.Код testBed находится здесь, и я не включил никаких функций перевода из jhi, потому что я новичок в JHI и не знаю, что вставить:
imports.....
describe('Component Tests', () => {
describe('Paciente Management Dialog Component', () => {
let comp: PacienteDialogComponent;
let fixture: ComponentFixture<PacienteDialogComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
imports: [OncosupTestModule,
OncosupSharedModule,
BrowserModule,
FormsModule,
],
declarations: [PacienteDialogComponent,
],
providers: [
JhiAlertService, ],
schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
//.overrideTemplate(PacienteDialogComponent, '')
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(PacienteDialogComponent);
comp = fixture.componentInstance;
//service = fixture.debugElement.injector.get(PacienteService);
//mockEventManager = fixture.debugElement.injector.get(JhiEventManager);
//mockActiveModal = fixture.debugElement.injector.get(NgbActiveModal);
});
fit ('first test asdsadfdfd', async(() => {
expect(comp.hidden.nativeElement.innerHTML).toContain('Nombre');
}));
Мой компонент:
imports...
@Component({
selector: 'jhi-paciente-dialog',
template: require('./paciente-dialog.component.html'),
styleUrls: [
'paciente.css'
],
})
export class PacienteDialogComponent implements OnInit {
@ViewChild('hiddenLabel') hidden: ElementRef;
Это означает, что jhiTranslate не разрешает мне использовать ссылку на элемент HTML.Как я могу это исправить?Я не могу удалить jhiTranslate, потому что приложение не мое.Мне просто нужно проверить это.