Testing

darkbasic · darkbasic · commit 01bf4bfe9911 · 2017-12-09T18:46:13.000+01:00
diff --git a/.travis.yml b/.travis.yml
@@ -0,0 +1,34 @@
+dist: trusty
+sudo: required
+
+language: node_js
+node_js:
+  - "8"
+
+services:
+  - mongodb
+
+cache:
+  directories:
+     - ./node_modules
+
+before_install:
+  - "curl -L https://raw.githubusercontent.com/arunoda/travis-ci-meteor-packages/master/configure.sh | /bin/sh"
+  - rm -rf node_modules
+
+install:
+  - git clean -fXd
+  - npm install -g concurrently
+  - npm install
+  - meteor npm rebuild
+  - npm run meteor-client:bundle
+  - npm run api:reset
+
+before_script:
+  - "export PATH=$HOME/.meteor:$PATH"
+
+script:
+  # Use Chromium instead of Chrome.
+  - export CHROME_BIN=chromium-browser
+  - npm run test
+  - concurrently "npm run start" "npm run api" "sleep 200; npm run e2e" --kill-others --success first
diff --git a/e2e/app.e2e-spec.ts b/e2e/app.e2e-spec.ts
@@ -11,4 +11,13 @@ describe('angularcli-meteor App', () => {
     page.navigateTo();
     expect(page.getParagraphText()).toEqual('Welcome to app!');
   });
+
+  it('should load chats from the Meteor backend', () => {
+    page.navigateTo();
+    expect(page.getLastDiv()).toContain('Ethan Gonzalez');
+    expect(page.getLastDiv()).toContain('Bryan Wallace');
+    expect(page.getLastDiv()).toContain('Avery Stewart');
+    expect(page.getLastDiv()).toContain('Katie Peterson');
+    expect(page.getLastDiv()).toContain('Ray Edwards');
+  });
 });
diff --git a/e2e/app.po.ts b/e2e/app.po.ts
@@ -8,4 +8,8 @@ export class AppPage {
   getParagraphText() {
     return element(by.css('app-root h1')).getText();
   }
+
+  getLastDiv() {
+    return element(by.css('app-root div:last-child')).getText();
+  }
 }
diff --git a/karma.conf.js b/karma.conf.js
@@ -22,12 +22,22 @@ module.exports = function (config) {
     angularCli: {
       environment: 'dev'
     },
-    reporters: ['progress', 'kjhtml'],
+    reporters: ['kjhtml'],
     port: 9876,
     colors: true,
     logLevel: config.LOG_INFO,
     autoWatch: true,
-    browsers: ['Chrome'],
-    singleRun: false
+    browsers: ['ChromeHeadlessNoSandbox'],
+    customLaunchers: {
+      ChromeHeadlessNoSandbox: {
+        base: 'ChromeHeadless',
+        flags: [
+          '--no-sandbox', // required to run without privileges in docker
+          '--user-data-dir=/tmp/chrome-test-profile',
+          '--disable-web-security'
+        ]
+      }
+    },
+    singleRun: true
   });
 };
diff --git a/package.json b/package.json
@@ -11,7 +11,10 @@
     "start": "webpack-dev-server --port=4200",
     "start-prod": "webpack-dev-server --port=4200 --config webpack.config.js.prod",
     "test": "karma start ./karma.conf.js",
-    "e2e": "protractor ./protractor.conf.js"
+    "e2e": "protractor ./protractor.conf.js",
+    "api": "cd api && meteor",
+    "api:reset": "cd api && meteor reset",
+    "meteor-client:bundle": "meteor-client bundle -s api"
   },
   "private": true,
   "dependencies": {
diff --git a/protractor.conf.js b/protractor.conf.js
@@ -9,7 +9,10 @@ exports.config = {
     './e2e/**/*.e2e-spec.ts'
   ],
   capabilities: {
-    'browserName': 'chrome'
+    'browserName': 'chrome',
+    chromeOptions: {
+      args: [ '--headless', '--no-sandbox', '--disable-gpu', '--window-size=800x600' ]
+    }
   },
   directConnect: true,
   baseUrl: 'http://localhost:4200/',
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -16,7 +16,6 @@ export class AppComponent implements OnInit {
 
   ngOnInit() {
     Chats.find({}).subscribe((chats: Chat[]) => {
-      console.log(chats);
       this.chats = chats;
     });
   }
diff --git a/src/test.ts b/src/test.ts
@@ -11,6 +11,7 @@ import {
   BrowserDynamicTestingModule,
   platformBrowserDynamicTesting
 } from '@angular/platform-browser-dynamic/testing';
+import 'meteor-client';
 
 // Unfortunately there's no typing for the `__karma__` variable. Just declare it as any.
 declare const __karma__: any;

Original file line number	Diff line number	Diff line change
`@@ -8,4 +8,8 @@ export class AppPage {`
`8`	`8`	`getParagraphText() {`
`9`	`9`	`return element(by.css('app-root h1')).getText();`
`10`	`10`	`}`
	`11`	`+`
	`12`	`+ getLastDiv() {`
	`13`	`+ return element(by.css('app-root div:last-child')).getText();`
	`14`	`+ }`
`11`	`15`	`}`
Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,6 @@ export class AppComponent implements OnInit {`
`16`	`16`
`17`	`17`	`ngOnInit() {`
`18`	`18`	`Chats.find({}).subscribe((chats: Chat[]) => {`
`19`		`- console.log(chats);`
`20`	`19`	`this.chats = chats;`
`21`	`20`	`});`
`22`	`21`	`}`