Элемент не определен в угловых - PullRequest
0 голосов
/ 16 мая 2018

Я тестирую приложение на 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, потому что приложение не мое.Мне просто нужно проверить это.

...