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;
+ }
}