Skip to content

Commit 4507017

Browse files
mollykreismollykreis
committed
tests
1 parent 40d3a87 commit 4507017

File tree

5 files changed

+344
-0
lines changed

5 files changed

+344
-0
lines changed

‎packages/angular-workspace/nimble-angular/src/directives/combobox/tests/nimble-combobox.directive.spec.ts

Lines changed: 86 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -101,6 +101,28 @@ describe('Nimble combobox', () => {
101101
expect(directive.requiredVisible).toBeTrue();
102102
expect(nativeElement.requiredVisible).toBeTrue();
103103
});
104+
105+
it('has expected defaults for appearanceReadOnly', () => {
106+
expect(directive.appearanceReadOnly).toBeFalse();
107+
expect(nativeElement.appearanceReadOnly).toBeFalse();
108+
});
109+
110+
it('can use the directive to set appearanceReadOnly', () => {
111+
directive.appearanceReadOnly = true;
112+
expect(directive.appearanceReadOnly).toBeTrue();
113+
expect(nativeElement.appearanceReadOnly).toBeTrue();
114+
});
115+
116+
it('has expected defaults for fullBleed', () => {
117+
expect(directive.fullBleed).toBeFalse();
118+
expect(nativeElement.fullBleed).toBeFalse();
119+
});
120+
121+
it('can use the directive to set fullBleed', () => {
122+
directive.fullBleed = true;
123+
expect(directive.fullBleed).toBeTrue();
124+
expect(nativeElement.fullBleed).toBeTrue();
125+
});
104126
});
105127

106128
describe('with template string values', () => {
@@ -115,6 +137,8 @@ describe('Nimble combobox', () => {
115137
error-visible
116138
open
117139
required-visible
140+
appearance-readonly
141+
full-bleed
118142
>
119143
</nimble-combobox>`
120144
})
@@ -177,6 +201,16 @@ describe('Nimble combobox', () => {
177201
expect(directive.requiredVisible).toBeTrue();
178202
expect(nativeElement.requiredVisible).toBeTrue();
179203
});
204+
205+
it('will use template string values for appearanceReadOnly', () => {
206+
expect(directive.appearanceReadOnly).toBeTrue();
207+
expect(nativeElement.appearanceReadOnly).toBeTrue();
208+
});
209+
210+
it('will use template string values for fullBleed', () => {
211+
expect(directive.fullBleed).toBeTrue();
212+
expect(nativeElement.fullBleed).toBeTrue();
213+
});
180214
});
181215

182216
describe('with property bound values', () => {
@@ -191,6 +225,8 @@ describe('Nimble combobox', () => {
191225
[error-visible]="errorVisible"
192226
[open]="open"
193227
[required-visible]="requiredVisible"
228+
[appearance-readonly]="appearanceReadOnly"
229+
[full-bleed]="fullBleed"
194230
>
195231
</nimble-combobox>
196232
`
@@ -206,6 +242,8 @@ describe('Nimble combobox', () => {
206242
public errorVisible = false;
207243
public open = false;
208244
public requiredVisible = false;
245+
public appearanceReadOnly = false;
246+
public fullBleed = false;
209247
}
210248

211249
let fixture: ComponentFixture<TestHostComponent>;
@@ -311,6 +349,28 @@ describe('Nimble combobox', () => {
311349
expect(directive.requiredVisible).toBeTrue();
312350
expect(nativeElement.requiredVisible).toBeTrue();
313351
});
352+
353+
it('can be configured with property binding for appearanceReadOnly', () => {
354+
expect(directive.appearanceReadOnly).toBeFalse();
355+
expect(nativeElement.appearanceReadOnly).toBeFalse();
356+
357+
fixture.componentInstance.appearanceReadOnly = true;
358+
fixture.detectChanges();
359+
360+
expect(directive.appearanceReadOnly).toBeTrue();
361+
expect(nativeElement.appearanceReadOnly).toBeTrue();
362+
});
363+
364+
it('can be configured with property binding for fullBleed', () => {
365+
expect(directive.fullBleed).toBeFalse();
366+
expect(nativeElement.fullBleed).toBeFalse();
367+
368+
fixture.componentInstance.fullBleed = true;
369+
fixture.detectChanges();
370+
371+
expect(directive.fullBleed).toBeTrue();
372+
expect(nativeElement.fullBleed).toBeTrue();
373+
});
314374
});
315375

316376
describe('with attribute bound values', () => {
@@ -325,6 +385,8 @@ describe('Nimble combobox', () => {
325385
[attr.error-visible]="errorVisible"
326386
[attr.open]="open"
327387
[attr.required-visible]="requiredVisible"
388+
[attr.appearance-readonly]="appearanceReadOnly"
389+
[attr.full-bleed]="fullBleed"
328390
>
329391
</nimble-combobox>
330392
`
@@ -340,6 +402,8 @@ describe('Nimble combobox', () => {
340402
public errorVisible: BooleanValueOrAttribute = null;
341403
public open: BooleanValueOrAttribute = null;
342404
public requiredVisible: BooleanValueOrAttribute = null;
405+
public appearanceReadOnly: BooleanValueOrAttribute = null;
406+
public fullBleed: BooleanValueOrAttribute = null;
343407
}
344408

345409
let fixture: ComponentFixture<TestHostComponent>;
@@ -445,6 +509,28 @@ describe('Nimble combobox', () => {
445509
expect(directive.requiredVisible).toBeTrue();
446510
expect(nativeElement.requiredVisible).toBeTrue();
447511
});
512+
513+
it('can be configured with attribute binding for appearanceReadOnly', () => {
514+
expect(directive.appearanceReadOnly).toBeFalse();
515+
expect(nativeElement.appearanceReadOnly).toBeFalse();
516+
517+
fixture.componentInstance.appearanceReadOnly = '';
518+
fixture.detectChanges();
519+
520+
expect(directive.appearanceReadOnly).toBeTrue();
521+
expect(nativeElement.appearanceReadOnly).toBeTrue();
522+
});
523+
524+
it('can be configured with attribute binding for fullBleed', () => {
525+
expect(directive.fullBleed).toBeFalse();
526+
expect(nativeElement.fullBleed).toBeFalse();
527+
528+
fixture.componentInstance.fullBleed = '';
529+
fixture.detectChanges();
530+
531+
expect(directive.fullBleed).toBeTrue();
532+
expect(nativeElement.fullBleed).toBeTrue();
533+
});
448534
});
449535

450536
describe('can access value through directive', () => {

‎packages/angular-workspace/nimble-angular/src/directives/number-field/tests/nimble-number-field.directive.spec.ts

Lines changed: 86 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -142,6 +142,28 @@ describe('Nimble number field', () => {
142142
expect(directive.requiredVisible).toBeTrue();
143143
expect(nativeElement.requiredVisible).toBeTrue();
144144
});
145+
146+
it('has expected defaults for appearanceReadOnly', () => {
147+
expect(directive.appearanceReadOnly).toBeFalse();
148+
expect(nativeElement.appearanceReadOnly).toBeFalse();
149+
});
150+
151+
it('can use the directive to set appearanceReadOnly', () => {
152+
directive.appearanceReadOnly = true;
153+
expect(directive.appearanceReadOnly).toBeTrue();
154+
expect(nativeElement.appearanceReadOnly).toBeTrue();
155+
});
156+
157+
it('has expected defaults for fullBleed', () => {
158+
expect(directive.fullBleed).toBeFalse();
159+
expect(nativeElement.fullBleed).toBeFalse();
160+
});
161+
162+
it('can use the directive to set fullBleed', () => {
163+
directive.fullBleed = true;
164+
expect(directive.fullBleed).toBeTrue();
165+
expect(nativeElement.fullBleed).toBeTrue();
166+
});
145167
});
146168

147169
describe('with template string values', () => {
@@ -158,6 +180,8 @@ describe('Nimble number field', () => {
158180
error-text="error text"
159181
error-visible
160182
required-visible
183+
appearance-readonly
184+
full-bleed
161185
>
162186
</nimble-number-field>`
163187
})
@@ -230,6 +254,16 @@ describe('Nimble number field', () => {
230254
expect(directive.requiredVisible).toBeTrue();
231255
expect(nativeElement.requiredVisible).toBeTrue();
232256
});
257+
258+
it('will use template string values for appearanceReadOnly', () => {
259+
expect(directive.appearanceReadOnly).toBeTrue();
260+
expect(nativeElement.appearanceReadOnly).toBeTrue();
261+
});
262+
263+
it('will use template string values for fullBleed', () => {
264+
expect(directive.fullBleed).toBeTrue();
265+
expect(nativeElement.fullBleed).toBeTrue();
266+
});
233267
});
234268

235269
describe('with property bound values', () => {
@@ -246,6 +280,8 @@ describe('Nimble number field', () => {
246280
[error-text]="errorText"
247281
[error-visible]="errorVisible"
248282
[required-visible]="requiredVisible"
283+
[appearance-readonly]="appearanceReadOnly"
284+
[full-bleed]="fullBleed"
249285
>
250286
</nimble-number-field>`
251287
})
@@ -262,6 +298,8 @@ describe('Nimble number field', () => {
262298
public errorText = 'initial value';
263299
public errorVisible = false;
264300
public requiredVisible = false;
301+
public appearanceReadOnly = false;
302+
public fullBleed = false;
265303
}
266304

267305
let fixture: ComponentFixture<TestHostComponent>;
@@ -388,6 +426,28 @@ describe('Nimble number field', () => {
388426
expect(directive.requiredVisible).toBeTrue();
389427
expect(nativeElement.requiredVisible).toBeTrue();
390428
});
429+
430+
it('can be configured with property binding for appearanceReadOnly', () => {
431+
expect(directive.appearanceReadOnly).toBeFalse();
432+
expect(nativeElement.appearanceReadOnly).toBeFalse();
433+
434+
fixture.componentInstance.appearanceReadOnly = true;
435+
fixture.detectChanges();
436+
437+
expect(directive.appearanceReadOnly).toBeTrue();
438+
expect(nativeElement.appearanceReadOnly).toBeTrue();
439+
});
440+
441+
it('can be configured with property binding for fullBleed', () => {
442+
expect(directive.fullBleed).toBeFalse();
443+
expect(nativeElement.fullBleed).toBeFalse();
444+
445+
fixture.componentInstance.fullBleed = true;
446+
fixture.detectChanges();
447+
448+
expect(directive.fullBleed).toBeTrue();
449+
expect(nativeElement.fullBleed).toBeTrue();
450+
});
391451
});
392452

393453
describe('with attribute bound values', () => {
@@ -404,6 +464,8 @@ describe('Nimble number field', () => {
404464
[attr.error-text]="errorText"
405465
[attr.error-visible]="errorVisible"
406466
[attr.required-visible]="requiredVisible"
467+
[attr.appearance-readonly]="appearanceReadOnly"
468+
[attr.full-bleed]="fullBleed"
407469
>
408470
</nimble-number-field>`
409471
})
@@ -420,6 +482,8 @@ describe('Nimble number field', () => {
420482
public errorText = 'initial value';
421483
public errorVisible: BooleanValueOrAttribute = null;
422484
public requiredVisible: BooleanValueOrAttribute = null;
485+
public appearanceReadOnly: BooleanValueOrAttribute = null;
486+
public fullBleed: BooleanValueOrAttribute = null;
423487
}
424488

425489
let fixture: ComponentFixture<TestHostComponent>;
@@ -546,5 +610,27 @@ describe('Nimble number field', () => {
546610
expect(directive.requiredVisible).toBeTrue();
547611
expect(nativeElement.requiredVisible).toBeTrue();
548612
});
613+
614+
it('can be configured with attribute binding for appearanceReadOnly', () => {
615+
expect(directive.appearanceReadOnly).toBeFalse();
616+
expect(nativeElement.appearanceReadOnly).toBeFalse();
617+
618+
fixture.componentInstance.appearanceReadOnly = '';
619+
fixture.detectChanges();
620+
621+
expect(directive.appearanceReadOnly).toBeTrue();
622+
expect(nativeElement.appearanceReadOnly).toBeTrue();
623+
});
624+
625+
it('can be configured with attribute binding for fullBleed', () => {
626+
expect(directive.fullBleed).toBeFalse();
627+
expect(nativeElement.fullBleed).toBeFalse();
628+
629+
fixture.componentInstance.fullBleed = '';
630+
fixture.detectChanges();
631+
632+
expect(directive.fullBleed).toBeTrue();
633+
expect(nativeElement.fullBleed).toBeTrue();
634+
});
549635
});
550636
});

0 commit comments

Comments
 (0)