DSP-474 Create custom Harness for select ontology comp.

e2e/protractor.conf.js

@@ -2,6 +2,12 @@
 // Protractor configuration file, see link for more information
 // https://github.com/angular/protractor/blob/master/lib/config.ts
 
+const tsConfig = require('../tsconfig.json'); // https://github.com/nrwl/nx/issues/263#issuecomment-485889032
+
+// define the global window object because jsonld needs it
+global['window'] = {
+    addEventListener: () => {}
+};
 const {SpecReporter, StacktraceOption} = require('jasmine-spec-reporter');
 
 /**
@@ -31,6 +37,11 @@ exports.config = {
         require('ts-node').register({
             project: require('path').join(__dirname, './tsconfig.json')
         });
+        require('tsconfig-paths').register({
+            project: require('path').join(__dirname, './tsconfig.json'),
+            baseUrl: './',
+            paths: tsConfig.compilerOptions.paths
+        });
         jasmine.getEnv().addReporter(new SpecReporter({spec: {displayStacktrace: StacktraceOption.RAW}}));
     }
 };

e2e/src/app.e2e-spec.ts

@@ -1,5 +1,7 @@
 import { ProtractorHarnessEnvironment } from '@angular/cdk/testing/protractor';
 import { MatAutocompleteHarness } from '@angular/material/autocomplete/testing';
+// import { SelectOntologyHarness } from '../../projects/dsp-ui/src/lib/search/advanced-search/select-ontology/select-ontology.harness'; // TODO: import from lib path
+import { SelectOntologyHarness } from '@dasch-swiss/dsp-ui';
 import { MatInputHarness } from '@angular/material/input/testing';
 import { browser, by, element, logging, WebElement } from 'protractor';
 import { AppPage } from './app.po';
@@ -92,18 +94,16 @@ describe('Test App', () => {
 
             expect(await submitButton.isDisabled()).toBe(true);
 
-            const selectOntos = await page.getAdvancedSearchOntologySelection(loader, timeout);
-
-            await selectOntos.open();
+            const selectOntoHarness: SelectOntologyHarness = await loader.getHarness(SelectOntologyHarness);
 
-            const ontoOptions = await selectOntos.getOptions();
+            const ontoOptions = await selectOntoHarness.getOntologyOptions();
 
             expect(ontoOptions.length).toEqual(11);
 
-            expect(await ontoOptions[0].getText()).toEqual('The anything ontology');
+            expect(ontoOptions[0]).toEqual('The anything ontology');
 
             // anything onto
-            await selectOntos.clickOptions({ text: 'The anything ontology'});
+            await selectOntoHarness.chooseOntology('The anything ontology');
 
             // check for the async response from Knora: anything and knora-api ontology
             await browser.wait(EC.presenceOf(element(by.css('.select-resource-class'))), timeout,

package.json

@@ -78,6 +78,7 @@
     "ng-packagr": "^9.0.0",
     "protractor": "^7.0.0",
     "ts-node": "~8.9.0",
+    "tsconfig-paths": "^3.9.0",
     "tslint": "~5.15.0",
     "typescript": "3.8.3"
   }

projects/dsp-ui/src/lib/search/advanced-search/select-ontology/select-ontology.harness.ts

@@ -0,0 +1,30 @@
+import { AsyncFactoryFn, ComponentHarness } from '@angular/cdk/testing';
+import { MatSelectHarness } from '@angular/material/select/testing';
+
+export class SelectOntologyHarness extends ComponentHarness {
+    static hostSelector = 'dsp-select-ontology';
+
+    protected getOntoSelection: AsyncFactoryFn<MatSelectHarness> =
+        this.locatorFor(MatSelectHarness);
+
+    protected async getOntologySelection(): Promise<MatSelectHarness> {
+        return await this.getOntoSelection();
+    }
+
+    async getOntologyOptions(): Promise<string[]> {
+        const ontoSelection = await this.getOntologySelection();
+
+        await ontoSelection.open();
+        const options = await ontoSelection.getOptions();
+        const optionTexts = options.map(option => option.getText());
+
+        return Promise.all(optionTexts);
+    }
+
+    async chooseOntology(ontologyText: string): Promise<void> {
+        const ontoSelection = await this.getOntologySelection();
+
+        return ontoSelection.clickOptions({ text: ontologyText});
+    }
+
+}

projects/dsp-ui/src/lib/search/index.ts

@@ -3,6 +3,7 @@ export * from './search-panel/search-panel.component';
 export * from './fulltext-search/fulltext-search.component';
 export * from './expert-search/expert-search.component';
 export * from './advanced-search/advanced-search.component';
+export * from './advanced-search/select-ontology/select-ontology.harness';
 export * from './advanced-search/select-property/specify-property-value/operator';
 export * from './services/advanced-search-params.service';
 export * from './services/gravsearch-generation.service';