import { TestbedHarnessEnvironment } from "@angular/cdk/testing/testbed";
import { Component, ViewChild, CUSTOM_ELEMENTS_SCHEMA } from "@angular/core";
import { ComponentFixture, TestBed } from "@angular/core/testing";
-import { FormBuilder, FormGroup } from "@angular/forms";
import { MatButtonModule } from "@angular/material/button";
import { MatButtonHarness } from "@angular/material/button/testing";
import { MatFormFieldModule } from "@angular/material/form-field";
import { NoTypePolicyEditorComponent } from "./no-type-policy-editor.component";
describe("NoTypePolicyEditorComponent", () => {
- let formGroup: FormGroup = new FormGroup({});
-
let component: TestNoTypePolicyEditorComponentHostComponent;
let fixture: ComponentFixture<TestNoTypePolicyEditorComponentHostComponent>;
let loader: HarnessLoader;
NoTypePolicyEditorComponent,
TestNoTypePolicyEditorComponentHostComponent,
],
- providers: [FormBuilder],
}).compileComponents();
fixture = TestBed.createComponent(
expect(component).toBeTruthy();
});
- it("should be added to form group with required validator", async () => {
- let textArea: MatInputHarness = await loader.getHarness(
- MatInputHarness.with({ selector: "#policyJsonTextArea" })
- );
-
- expect(formGroup.get("policyJsonTextArea")).toBeTruthy();
- expect(await textArea.isRequired()).toBeTruthy();
- });
-
it("should contain provided policy json and enabled Format button", async () => {
- let textArea: MatInputHarness = await loader.getHarness(
+ const textArea: MatInputHarness = await loader.getHarness(
MatInputHarness.with({ selector: "#policyJsonTextArea" })
);
expect(await textArea.getValue()).toEqual('{"A":"A"}');
- let formatButton: MatButtonHarness = await loader.getHarness(
+ const formatButton: MatButtonHarness = await loader.getHarness(
MatButtonHarness.with({ selector: "#formatButton" })
);
expect(await formatButton.isDisabled()).toBeFalsy();
});
it("Format button should be disabled when json not valid", async () => {
- const ele = formGroup.get("policyJsonTextArea");
+ const ele = component.noTypePolicyEditorComponent.instanceForm.get(
+ "policyJsonTextArea"
+ );
ele.setValue("{");
- let formatButton: MatButtonHarness = await loader.getHarness(
+ const formatButton: MatButtonHarness = await loader.getHarness(
MatButtonHarness.with({ selector: "#formatButton" })
);
expect(await formatButton.isDisabled()).toBeTruthy();
});
- it("should format unformatted json", async () => {
- const textArea = formGroup.get("policyJsonTextArea");
- textArea.setValue('{"A":"A"}');
- component.noTypePolicyEditorComponent.formatJsonInput();
- expect(component.noTypePolicyEditorComponent.policyJson).toEqual(
- '{\n "A": "A"\n}'
+ it("should send valid json", async () => {
+ const textAreaHarness: MatInputHarness = await loader.getHarness(
+ MatInputHarness.with({ selector: "#policyJsonTextArea" })
+ );
+ expect(await textAreaHarness.getValue()).toEqual('{"A":"A"}');
+
+ let validJson: string;
+ component.noTypePolicyEditorComponent.validJson.subscribe(
+ (json: string) => {
+ validJson = json;
+ }
+ );
+
+ const textArea = component.noTypePolicyEditorComponent.instanceForm.get(
+ "policyJsonTextArea"
+ );
+ textArea.setValue('{"B":"B"}');
+ expect(validJson).toEqual('{"B":"B"}');
+ });
+
+ it("should send null when invalid json", async () => {
+ const textArea: MatInputHarness = await loader.getHarness(
+ MatInputHarness.with({ selector: "#policyJsonTextArea" })
);
+ expect(await textArea.getValue()).toEqual('{"A":"A"}');
+
+ let invalidJson: string;
+ component.noTypePolicyEditorComponent.validJson.subscribe(
+ (json: string) => {
+ invalidJson = json;
+ }
+ );
+
+ textArea.setValue("{");
+ expect(invalidJson).toBeFalsy();
});
@Component({
selector: `no-type-policy-editor-host-component`,
template: `<nrcp-no-type-policy-editor
[policyJson]="this.policyJson"
- [instanceForm]="instanceForm"
></nrcp-no-type-policy-editor>`,
})
class TestNoTypePolicyEditorComponentHostComponent {
@ViewChild(NoTypePolicyEditorComponent)
noTypePolicyEditorComponent: NoTypePolicyEditorComponent;
- instanceForm: FormGroup = formGroup;
policyJson: string = '{"A":"A"}';
}
});