Sample e2e test

e2e/src/app.e2e-spec.ts

@@ -1,14 +1,21 @@
 import { AppPage } from './app.po';
+import { browser, ExpectedConditions } from 'protractor';
 
-describe('workspace-project App', () => {
+describe('Trivial test example', () => {
   let page: AppPage;
 
   beforeEach(() => {
     page = new AppPage();
   });
 
-  it('should display welcome message', () => {
-    page.navigateTo();
-    expect(page.getParagraphText()).toEqual('Welcome to ng2-stompjs-angular7!');
+  it('Send and receive a message', async () => {
+    await page.navigateTo();
+    await browser.wait(ExpectedConditions.textToBePresentInElement(page.getStatusLabel(), 'OPEN'), 5000);
+
+    await page.getSendMessageBtn().click();
+
+    await browser.wait(ExpectedConditions.presenceOf(page.getMessageNode()), 2000);
+
+    expect(await page.getMessageNode().getText()).toContain('Message');
   });
 });

e2e/src/app.po.ts

@@ -5,7 +5,15 @@ export class AppPage {
     return browser.get('/');
   }
 
-  getParagraphText() {
-    return element(by.css('app-root h1')).getText();
+  getStatusLabel() {
+    return element(by.id('status-label'));
+  }
+
+  getMessageNode() {
+    return element(by.css('#messages ol li.message'));
+  }
+
+  getSendMessageBtn() {
+    return element(by.css('#messages button'));
   }
 }

package.json

@@ -41,7 +41,7 @@
     "karma-coverage-istanbul-reporter": "~2.0.1",
     "karma-jasmine": "~1.1.2",
     "karma-jasmine-html-reporter": "^0.2.2",
-    "protractor": "~5.4.0",
+    "protractor": "~7.0.0",
     "ts-node": "~7.0.0",
     "tslint": "~5.11.0",
     "typescript": "~3.1.1"

src/app/app.component.ts

@@ -1,4 +1,5 @@
 import { Component } from '@angular/core';
+import { interval } from 'rxjs';
 
 @Component({
   selector: 'app-root',
@@ -7,4 +8,11 @@ import { Component } from '@angular/core';
 })
 export class AppComponent {
   title = 'ng2-stompjs-angular7';
+
+  constructor() {
+    // Uncomment following line to break e2e test,
+    // since it will wait forever for this interval to finish
+
+    // interval(500).subscribe();
+  }
 }