Add angular e2e testing

Author: bidoubiwa

.eslintrc.js

@@ -42,14 +42,16 @@ module.exports = {
         es2020: true,
         'jest/globals': true,
         node: true,
+        jasmine: true,
       },
       globals: {
         instantsearch: true,
         instantMeiliSearch: true,
-        page: true, // for jest/puppeteer tests in examples/express
-        browser: true, // for jest/puppeteer tests in examples/express
-        context: true, // for jest/puppeteer tests in examples/express
-        jestPuppeteer: true, // for jest/puppeteer tests in examples/express
+        page: true, // for jest/puppeteer tests in tests/env/express
+        browser: true, // for jest/puppeteer tests in tests/env/express
+        context: true, // for jest/puppeteer tests in tests/env/express
+        jestPuppeteer: true, // for jest/puppeteer tests in tests/env/express
+        jasmine: true, // for angular e2e tests in playground/angular
       },
       extends: [
         'standard',
@@ -100,12 +102,14 @@ module.exports = {
         browser: true,
         es2020: true,
         'jest/globals': true,
+        jasmine: true,
       },
       globals: {
-        page: true, // for jest/puppeteer tests in examples/express
-        browser: true, // for jest/puppeteer tests in examples/express
-        context: true, // for jest/puppeteer tests in examples/express
-        jestPuppeteer: true, // for jest/puppeteer tests in examples/express
+        page: true, // for jest/puppeteer tests in tests/env/express
+        browser: true, // for jest/puppeteer tests in tests/env/express
+        context: true, // for jest/puppeteer tests in tests/env/express
+        jestPuppeteer: true, // for jest/puppeteer tests in tests/env/express
+        jasmine: true, // for angular e2e tests in playground/angular
       },
       extends: [
         'standard',

jest.config.js

@@ -7,13 +7,19 @@ module.exports = {
       // We are using jest-environment-jsdom 25 until we stop supporting node 10
       // jest-environment-jsdom 25 uses jsdom 15 which still supports node 10
       testEnvironment: 'jest-environment-jsdom',
-      testPathIgnorePatterns: ['<rootDir>/tests/env/express'],
+      testPathIgnorePatterns: [
+        '<rootDir>/tests/env/express',
+        '<rootDir>/playgrounds/angular',
+      ],
     },
     {
       preset: 'ts-jest',
       displayName: 'node',
       testEnvironment: 'node',
-      testPathIgnorePatterns: ['<rootDir>/tests/env/express'],
+      testPathIgnorePatterns: [
+        '<rootDir>/tests/env/express',
+        '<rootDir>/playgrounds/angular',
+      ],
     },
   ],
 }

playgrounds/angular/e2e/protractor.conf.js

@@ -0,0 +1,37 @@
+// @ts-check
+// Protractor configuration file, see link for more information
+// https://github.com/angular/protractor/blob/master/lib/config.ts
+
+const { SpecReporter, StacktraceOption } = require('jasmine-spec-reporter')
+
+/**
+ * @type { import("protractor").Config }
+ */
+exports.config = {
+  allScriptsTimeout: 11000,
+  specs: ['./src/**/*.e2e-spec.ts'],
+  capabilities: {
+    browserName: 'chrome',
+  },
+  directConnect: true,
+  SELENIUM_PROMISE_MANAGER: false,
+  baseUrl: 'http://localhost:4200/',
+  framework: 'jasmine',
+  jasmineNodeOpts: {
+    showColors: true,
+    defaultTimeoutInterval: 30000,
+    print: function () {},
+  },
+  onPrepare() {
+    require('ts-node').register({
+      project: require('path').join(__dirname, './tsconfig.json'),
+    })
+    jasmine.getEnv().addReporter(
+      new SpecReporter({
+        spec: {
+          displayStacktrace: StacktraceOption.PRETTY,
+        },
+      })
+    )
+  },
+}

playgrounds/angular/e2e/src/app.e2e-spec.ts

@@ -0,0 +1,35 @@
+import { browser, logging } from 'protractor'
+import { AppPage } from './app.po'
+
+describe('workspace-project App', () => {
+  let page: AppPage
+
+  beforeEach(() => {
+    page = new AppPage()
+  })
+
+  it('First game should be counter strike', async () => {
+    await page.navigateTo()
+    expect(await page.getFirstGame()).toEqual('Counter-Strike')
+  })
+
+  it('First facet value of first facet should be Action', async () => {
+    await page.navigateTo()
+    expect(await page.getFirstFacetValueOfFirstFacet()).toEqual('Action')
+  })
+
+  it('Clear refinement should exist', async () => {
+    await page.navigateTo()
+    expect(await page.getClearRefinementText()).toEqual('Clear refinements')
+  })
+
+  afterEach(async () => {
+    // Assert that there are no errors emitted from the browser
+    const logs = await browser.manage().logs().get(logging.Type.BROWSER)
+    expect(logs).not.toContain(
+      jasmine.objectContaining({
+        level: logging.Level.SEVERE,
+      } as logging.Entry)
+    )
+  })
+})

playgrounds/angular/e2e/src/app.po.ts

@@ -0,0 +1,19 @@
+import { browser, by, element } from 'protractor'
+
+export class AppPage {
+  async navigateTo(): Promise<unknown> {
+    return browser.get(browser.baseUrl)
+  }
+
+  async getFirstGame(): Promise<string> {
+    return element(by.css('.ais-Hits-item:first-child > .hit-name')).getText()
+  }
+
+  async getFirstFacetValueOfFirstFacet(): Promise<string> {
+    return element(by.css('.ais-RefinementList-labelText')).getText()
+  }
+
+  async getClearRefinementText(): Promise<string> {
+    return element(by.css('.ais-ClearRefinements-button')).getText()
+  }
+}

playgrounds/angular/e2e/tsconfig.json

@@ -0,0 +1,13 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/e2e",
+    "module": "commonjs",
+    "target": "es2018",
+    "types": [
+      "jasmine",
+      "node"
+    ]
+  }
+}