Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 30.08.2018, 21:14
Интересующийся
Отправить личное сообщение для dakociha Посмотреть профиль Найти все сообщения от dakociha
 
Регистрация: 26.04.2018
Сообщений: 26

Angular6.Не появляется значение в input при тесте
Код теста:

it('should select hero on click', () => {
        const expectedHero = HEROES[1];
        const fixture = TestBed.createComponent(HeroesComponent);
        fixture.detectChanges();
        const compiled = fixture.debugElement.nativeElement;
        compiled.querySelectorAll('li')[1].click();
        fixture.detectChanges();
        expect(expectedHero.name).toEqual(compiled.querySelector('input').value);
      });

При тесте в inpute не появляется выбранное имя

<h2>My Heroes</h2>
<ul class='heroes'>
  <li *ngFor='let hero of heroes'
  [class.selected]='hero === selectedHero'
  (click)='onSelect(hero)'>
    <span class="badge">{{hero.id}}</span> {{hero.name}}
  </li>
</ul>

<div *ngIf='selectedHero'>

  <h2>{{ selectedHero.name | uppercase }} Details</h2>
  <div><span>id: </span>{{ selectedHero.id }}</div>
  <div>
    <label>name:
      <input [(ngModel)]='selectedHero.name' placeholder='name'>
    </label>
  </div>

</div>

Весь код из Tour of Hero с сайта Angular.io.

import { Component, OnInit } from '@angular/core';
import { Hero } from '../hero';
import { HEROES } from '../mock-heroes';

@Component({
  selector: 'app-heroes',
  templateUrl: './heroes.component.html',
  styleUrls: ['./heroes.component.css']
})
export class HeroesComponent implements OnInit {
  heroes = HEROES;

  selectedHero: Hero;

  onSelect(hero: Hero): void {
    this.selectedHero = hero;
  }

  constructor() { }

  ngOnInit() {
  }

}

Последний раз редактировалось dakociha, 30.08.2018 в 21:46.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Передать значение input radio в другой input alex-tiesto jQuery 12 17.03.2017 03:12
Новый input при выборе определенного option SLameN Элементы интерфейса 4 03.07.2015 17:29
перемещение содержимого из поля input в другое поле input при помощи нажатия на кнопк scrapmetal Events/DOM/Window 3 22.03.2015 20:45
При клике на элемент, изменять значение поля Apelcun77 Общие вопросы Javascript 2 14.02.2014 14:26
Событие при выборе элемента из выпадающего списка в input type="email" Алексей Горохов Events/DOM/Window 4 27.12.2013 09:38