1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
|
import {TestBed, ComponentFixture, tick, inject} from '@angular/core/testing';
import {Component, DebugElement, Renderer2, Type} from "@angular/core";
import {By} from "@angular/platform-browser";
import {BasicFeatureFlagDirective} from "./basic.featureFlag.directive";
import {FeatureFlagService} from "../../service/featureFlag.service";
import {ConfigurationService} from "../../../shared/services/configuration.service";
import {HttpClientTestingModule, HttpTestingController} from "@angular/common/http/testing";
import {NgRedux} from "@angular-redux/store";
import {of} from "rxjs";
@Component({
template: `
<div
id="featureFlagOff"
featureFlag
[flagName]='"featureFlagOff"'>
</div>
<div
id="featureFlagOn"
featureFlag
[flagName]='"featureFlagOn"'>
</div>`
})
class TestFeatureFlagComponent {
}
class MockRenderer<T> {
setStyle() {
}
}
class MockAppStore<T> {
getState() {
return {
global: {
flags : {
}
}
}
}
}
describe('Basic Feature Flag Directive', () => {
let component: TestFeatureFlagComponent;
let fixture: ComponentFixture<TestFeatureFlagComponent>;
let directiveInstance: BasicFeatureFlagDirective;
let elementOff: DebugElement;
let elementOn: DebugElement;
beforeEach(() => {
TestBed.configureTestingModule({
imports: [
HttpClientTestingModule
],
declarations: [
TestFeatureFlagComponent,
BasicFeatureFlagDirective],
providers: [
FeatureFlagService,
ConfigurationService,
{provide: NgRedux, useClass: MockAppStore},
{provide: Renderer2, useClass: MockRenderer}]
}).compileComponents();
fixture = TestBed.createComponent(TestFeatureFlagComponent);
component = fixture.componentInstance;
elementOff = fixture.debugElement.query(By.css('#featureFlagOff'));
elementOn = fixture.debugElement.query(By.css('#featureFlagOn'));
directiveInstance = elementOff.injector.get(BasicFeatureFlagDirective);
});
test('directive should be defined', () => {
expect(directiveInstance).toBeDefined();
});
test('should hide element if feature flag is off', () => {
directiveInstance.flagName = 'featureFlagOff';
directiveInstance.ngAfterContentChecked();
expect(elementOff.nativeElement.style.display).toEqual('none');
});
test('should show element if feature flag is on', () => {
directiveInstance.flagName = 'featureFlagOn';
directiveInstance.ngAfterContentChecked();
expect(elementOn.nativeElement.style.display).toEqual('');
});
});
|
