diff --git a/projects/ngx-speculoos/src/lib/test-input.spec.ts b/projects/ngx-speculoos/src/lib/test-input.spec.ts index 5ed6ca6d..c910f798 100644 --- a/projects/ngx-speculoos/src/lib/test-input.spec.ts +++ b/projects/ngx-speculoos/src/lib/test-input.spec.ts @@ -11,6 +11,7 @@ import { TestInput } from './test-input'; + ` }) @@ -43,6 +44,10 @@ class TestComponentTester extends ComponentTester { get checkedRadio() { return this.input('#r2'); } + + get disabledInput() { + return this.input('#t2'); + } } describe('TestInput', () => { @@ -123,4 +128,9 @@ describe('TestInput', () => { expect(tester.componentInstance.onChange).toHaveBeenCalled(); expect(tester.detectChanges).toHaveBeenCalled(); }); + + it('should expose the disabled property', () => { + expect(tester.textInput.disabled).toBe(false); + expect(tester.disabledInput.disabled).toBe(true); + }); }); diff --git a/projects/ngx-speculoos/src/lib/test-input.ts b/projects/ngx-speculoos/src/lib/test-input.ts index df44cd59..e1a7ce6d 100644 --- a/projects/ngx-speculoos/src/lib/test-input.ts +++ b/projects/ngx-speculoos/src/lib/test-input.ts @@ -33,6 +33,13 @@ export class TestInput extends TestHtmlElement { return this.nativeElement.checked; } + /** + * the disabled property of the wrapped input + */ + get disabled() { + return this.nativeElement.disabled; + } + /** * Checks the wrapped input, then dispatches an event of type change and triggers a change detection */ diff --git a/projects/ngx-speculoos/src/lib/test-select.spec.ts b/projects/ngx-speculoos/src/lib/test-select.spec.ts index 37677cfc..42f04f96 100644 --- a/projects/ngx-speculoos/src/lib/test-select.spec.ts +++ b/projects/ngx-speculoos/src/lib/test-select.spec.ts @@ -11,6 +11,7 @@ import { TestSelect } from './test-select'; + ` }) class TestComponent { @@ -25,6 +26,10 @@ class TestComponentTester extends ComponentTester { get selectBox() { return this.select('#s1'); } + + get disabledSelectBox() { + return this.select('#s2'); + } } describe('TestButton', () => { @@ -112,4 +117,9 @@ describe('TestButton', () => { it('should expose the size', () => { expect(tester.selectBox.size).toBe(3); }); + + it('should expose the disabled property', () => { + expect(tester.selectBox.disabled).toBe(false); + expect(tester.disabledSelectBox.disabled).toBe(true); + }); }); diff --git a/projects/ngx-speculoos/src/lib/test-select.ts b/projects/ngx-speculoos/src/lib/test-select.ts index 1f0d858d..36597742 100644 --- a/projects/ngx-speculoos/src/lib/test-select.ts +++ b/projects/ngx-speculoos/src/lib/test-select.ts @@ -89,4 +89,11 @@ export class TestSelect extends TestHtmlElement { get size() { return this.nativeElement.options.length; } + + /** + * the disabled property of the wrapped select + */ + get disabled() { + return this.nativeElement.disabled; + } } diff --git a/projects/ngx-speculoos/src/lib/test-textarea.spec.ts b/projects/ngx-speculoos/src/lib/test-textarea.spec.ts index f5cac4d2..844c7a9e 100644 --- a/projects/ngx-speculoos/src/lib/test-textarea.spec.ts +++ b/projects/ngx-speculoos/src/lib/test-textarea.spec.ts @@ -6,6 +6,7 @@ import { TestTextArea } from './test-textarea'; @Component({ template: ` + ` }) class TestComponent { @@ -21,6 +22,10 @@ class TestComponentTester extends ComponentTester { get textBox() { return this.textarea('#t1'); } + + get disabledTextBox() { + return this.textarea('#t2'); + } } describe('TestTextArea', () => { @@ -54,4 +59,9 @@ describe('TestTextArea', () => { expect(tester.componentInstance.onInput).toHaveBeenCalled(); expect(tester.detectChanges).toHaveBeenCalled(); }); + + it('should expose the disabled property', () => { + expect(tester.textBox.disabled).toBe(false); + expect(tester.disabledTextBox.disabled).toBe(true); + }); }); diff --git a/projects/ngx-speculoos/src/lib/test-textarea.ts b/projects/ngx-speculoos/src/lib/test-textarea.ts index 6373c84e..fbfe6c87 100644 --- a/projects/ngx-speculoos/src/lib/test-textarea.ts +++ b/projects/ngx-speculoos/src/lib/test-textarea.ts @@ -25,4 +25,11 @@ export class TestTextArea extends TestHtmlElement { get value() { return this.nativeElement.value; } + + /** + * the disabled property of the wrapped select + */ + get disabled() { + return this.nativeElement.disabled; + } }