Sample Login e2e test

Use this as an example

e2e/src/app.e2e-spec.ts

@@ -1,6 +1,6 @@
 import { AppPage } from './app.po';
 
-describe('workspace-project App', () => {
+describe('Basic app test', () => {
   let page: AppPage;
 
   beforeEach(() => {

e2e/src/login.e2e-spec.ts

@@ -0,0 +1,17 @@
+import { LoginPage } from './login.po';
+
+describe('workspace-project App', () => {
+  let page: LoginPage;
+
+  beforeEach(() => {
+    page = new LoginPage();
+  });
+
+  it('should display welcome message', () => {
+    page.navigateTo();
+    expect(page.getParagraphText()).toEqual('PROFILE DEMO APP');
+  });
+
+  //TODO: other tests
+
+});

e2e/src/login.po.ts

@@ -0,0 +1,25 @@
+import { browser, by, element } from 'protractor';
+
+export class LoginPage {
+
+  navigateTo() {
+    return browser.get('/login');
+  }
+
+  getParagraphText() {
+    return element(by.css('app-root h1')).getText();
+  }
+
+  getLoginSelector() {
+    return element(by.css('logic-selector'));
+  }
+
+  getGoButton() {
+    return element(by.id('btn-go'));
+  }
+
+  getRegisterButton() {
+    return element(by.id('btn-register'));
+  }
+
+}

src/app/login/login.component.html

@@ -43,13 +43,13 @@ <h2>
            placeholder="Enter WebID"
            style="margin-top:10px; padding: 12px 10px; width: 340px; height: 16px; display: block; margin-left: auto; margin-right: auto;"
            [(ngModel)]="customProviderUrl" />
-    <button class="wide-button" (click)="onLogin()" *ngIf="selectedProviderUrl !== undefined || customProviderUrl !== undefined" [disabled]="selectedProviderUrl===null && !customProviderUrl" style="margin-top:10px;">Go</button>
+    <button id="btn-go" class="wide-button" (click)="onLogin()" *ngIf="selectedProviderUrl !== undefined || customProviderUrl !== undefined" [disabled]="selectedProviderUrl===null && !customProviderUrl" style="margin-top:10px;">Go</button>
   </div>
 
   <!-- REGISTRATION -->
   <div class="registration-link">
     <p style="margin: 12px;">Don't have a Solid Identity?</p>
-    <button class="wide-button" (click)="goToRegistration()">Register</button>
+    <button id="btn-register" class="wide-button" (click)="goToRegistration()">Register</button>
   </div>
 
   <!-- HELP -->