L
Size: a a a
2020 April 29
P
Есть классный редактор trumbowyg
AS
Есть классный редактор trumbowyg
жквери только тащит
VB
Yurii Zadorozhnyi
Всем привет :)
Нужна помощь с юнит тестингом директиви FormGroupDirective
Примерная реализация здесь
https://medium.com/@amcdnl/reactive-angular-forms-with-ngrx-533a2f28c127
Я пробую тестить внутри тестового компонента:
@Component({
selector: "test-component",
template:
`
<form [formGroup]="form" formConnect>
</form>
`
})
class TestComponent {
form: FormGroup;
constructor(
private formBuilder: FormBuilder
) {
this.initializeLdapConfigurationForm();
}
private form(): void {
this.form = this.formBuilder.group({
name: ["", [Validators.required, Validators.maxLength(NAME_MAX_LENGTH)]],
...
});
}
}
beforeEach(() => {
TestBed.configureTestingModule({
declarations: [
FormConnectDirective,
TestComponent
],
providers: [
FormBuilder,
FormGroupDirective
],
}).compileComponents();
fixture = TestBed.createComponent(TestComponent);
fixture.detectChanges();
});
но похоже внутри тестової директиви нет доступа к форме ...
Cannot read property 'patchValue' of null thrown
Есть ли у кого-то опыт с тестированием такой директивы?
Нужна помощь с юнит тестингом директиви FormGroupDirective
Примерная реализация здесь
https://medium.com/@amcdnl/reactive-angular-forms-with-ngrx-533a2f28c127
Я пробую тестить внутри тестового компонента:
@Component({
selector: "test-component",
template:
`
<form [formGroup]="form" formConnect>
</form>
`
})
class TestComponent {
form: FormGroup;
constructor(
private formBuilder: FormBuilder
) {
this.initializeLdapConfigurationForm();
}
private form(): void {
this.form = this.formBuilder.group({
name: ["", [Validators.required, Validators.maxLength(NAME_MAX_LENGTH)]],
...
});
}
}
beforeEach(() => {
TestBed.configureTestingModule({
declarations: [
FormConnectDirective,
TestComponent
],
providers: [
FormBuilder,
FormGroupDirective
],
}).compileComponents();
fixture = TestBed.createComponent(TestComponent);
fixture.detectChanges();
});
но похоже внутри тестової директиви нет доступа к форме ...
Cannot read property 'patchValue' of null thrown
Есть ли у кого-то опыт с тестированием такой директивы?
Смотри, судя по всему, когда ты создаешь test-component но к этому моменту форма не создалась, и поэтому тест валить в beforeEach. Плюс может ещё не хватать зависимостей, её же стор ещё нужен.
И кстати почему б не взять уже готовое решение для работой с формами, зачем их вообще в сторе хранить
https://github.com/ngneat/forms-manager
И вот от этого же авторе либа для тестирования, которая облегчает тестрование дериктив и тд, и там с примерами уже есть
https://github.com/ngneat/spectator
И кстати почему б не взять уже готовое решение для работой с формами, зачем их вообще в сторе хранить
https://github.com/ngneat/forms-manager
И вот от этого же авторе либа для тестирования, которая облегчает тестрование дериктив и тд, и там с примерами уже есть
https://github.com/ngneat/spectator
G
Всем привет, ребят тыкните плиз в меня ссылкой на хорошие best practice для структуры проектов.
И в меня))
G
Всем привет, ребят тыкните плиз в меня ссылкой на хорошие best practice для структуры проектов.
Мне вот эта статья очень понравилась
https://dev-gang.ru/article/angular-arhitekturnye-patterny-i-luczshie-praktiki-dwlz213zt5/
https://dev-gang.ru/article/angular-arhitekturnye-patterny-i-luczshie-praktiki-dwlz213zt5/
G
Никогда не создавал доп слой абстракции для логики между компонентом и сервисом, сейчас задумываюсь об этом
G
Но страшно запутаться со временем в проекте)))
В
Привет.
Сделал какстомный пайп, и заметил такую вещь - инстанс этого пайпа создаётся при каждом использовании.
Т.е. например есть у меня ngFor на 10 айтемов - пайп будет создан 10 раз.
Как этого избежать? Как сделать так чтоб пайп создавался только один раз?
Сделал какстомный пайп, и заметил такую вещь - инстанс этого пайпа создаётся при каждом использовании.
Т.е. например есть у меня ngFor на 10 айтемов - пайп будет создан 10 раз.
Как этого избежать? Как сделать так чтоб пайп создавался только один раз?
AS
Привет.
Сделал какстомный пайп, и заметил такую вещь - инстанс этого пайпа создаётся при каждом использовании.
Т.е. например есть у меня ngFor на 10 айтемов - пайп будет создан 10 раз.
Как этого избежать? Как сделать так чтоб пайп создавался только один раз?
Сделал какстомный пайп, и заметил такую вещь - инстанс этого пайпа создаётся при каждом использовании.
Т.е. например есть у меня ngFor на 10 айтемов - пайп будет создан 10 раз.
Как этого избежать? Как сделать так чтоб пайп создавался только один раз?
зачем?
L
Привет.
Сделал какстомный пайп, и заметил такую вещь - инстанс этого пайпа создаётся при каждом использовании.
Т.е. например есть у меня ngFor на 10 айтемов - пайп будет создан 10 раз.
Как этого избежать? Как сделать так чтоб пайп создавался только один раз?
Сделал какстомный пайп, и заметил такую вещь - инстанс этого пайпа создаётся при каждом использовании.
Т.е. например есть у меня ngFor на 10 айтемов - пайп будет создан 10 раз.
Как этого избежать? Как сделать так чтоб пайп создавался только один раз?
Пайп на что повешан ?
В
зачем?
Как минимум - затем что нет необходимости создавать новый инстанс каждый раз т.к. можно использовать только один инстанс везде.
Как максимум - у меня пайп использует сервис и подписывается на получение данных, в результате происходит миллион ненужных подписок.
Как максимум - у меня пайп использует сервис и подписывается на получение данных, в результате происходит миллион ненужных подписок.
В
Пайп на что повешан ?
В смысле? В шаблоне на переменную. На что его ещё можно повесить?
L
Как минимум - затем что нет необходимости создавать новый инстанс каждый раз т.к. можно использовать только один инстанс везде.
Как максимум - у меня пайп использует сервис и подписывается на получение данных, в результате происходит миллион ненужных подписок.
Как максимум - у меня пайп использует сервис и подписывается на получение данных, в результате происходит миллион ненужных подписок.
То что твой пайп инжектит сервис с подпиской уже вопрос
AS
То что твой пайп инжектит сервис с подпиской уже вопрос
нормально, если к месту использовать
L
В смысле? В шаблоне на переменную. На что его ещё можно повесить?
Пайп можно рядом с ngFor повешать и передать весь масив
L
нормально, если к месту использовать
Можно это заменить, передав туда уже готовый обсервабл
AS
А если куча пайпов, то стоит просто отказаться от пайпа, перенести обработку данных во входной поток
AS
Можно это заменить, передав туда уже готовый обсервабл
я иногда делаю пайпы, которые принимают обсервабл и отдают обсервабл.
L
я иногда делаю пайпы, которые принимают обсервабл и отдают обсервабл.
Да, но не инжектить туда сервис)