Merge pull request #167 from mirumee/login-tests

Modified login tests

.testcafe/Data/systemData.js

@@ -0,0 +1 @@
+export const MAIN_PAGE_URL = "http://localhost:9000/";

.testcafe/Data/userData.js

@@ -0,0 +1,2 @@
+export const DEFAULT_USER_EMAIL = "admin@example.com";
+export const DEFAULT_USER_PASSWORD = "admin";

.testcafe/Models/homePageModel.js

@@ -0,0 +1,11 @@
+import { Selector, t } from "testcafe";
+
+export default class HomePage {
+  constructor() {
+    this.header = Selector('[data-tc="home-header"]');
+    this.catalogMenu = Selector('[data-tc="Catalog"]');
+    this.productsSubMenu = Selector(
+      '[data-tc="catalogue"]>[aria-label="products"]'
+    );
+  }
+}

.testcafe/Models/loginPageModel.js

@@ -0,0 +1,16 @@
+import { Selector, t } from "testcafe";
+
+export default class LoginPage {
+  constructor() {
+    this.email = Selector('[data-tc="email"]');
+    this.password = Selector('[data-tc="password"]');
+    this.submitButton = Selector('[data-tc="submit"]');
+  }
+
+  async performLogin(putEmail, putPassword) {
+    await t
+      .typeText(this.email, putEmail)
+      .typeText(this.password, putPassword)
+      .click(this.submitButton);
+  }
+}

.testcafe/Tests/loginPageTests.js

@@ -0,0 +1,7 @@
+import * as verifier from "../Verifications/loginPageVerifications";
+import { MAIN_PAGE_URL } from "../Data/systemData";
+
+fixture`Login Tests`.page(MAIN_PAGE_URL);
+
+verifier.verifyEmailAndPasswordDisplayed();
+verifier.verifyIfUserCanLogin();

.testcafe/Verifications/loginPageVerifications.js

@@ -0,0 +1,20 @@
+import LoginPage from "../Models/loginPageModel";
+import HomePage from "../Models/homePageModel";
+import { DEFAULT_USER_EMAIL, DEFAULT_USER_PASSWORD } from "../Data/userData";
+
+const loginPage = new LoginPage();
+const homePage = new HomePage();
+
+export function verifyEmailAndPasswordDisplayed() {
+  test("Verify that Email and Password are displayed", async t => {
+    await t.expect(loginPage.email.exists).ok();
+    await t.expect(loginPage.password.exists).ok();
+  });
+}
+
+export function verifyIfUserCanLogin() {
+  test("PerformLogin", async t => {
+    await loginPage.performLogin(DEFAULT_USER_EMAIL, DEFAULT_USER_PASSWORD);
+    await t.expect(homePage.header.exists).ok();
+  });
+}

.testcafe/exampleTest.js

@@ -1,13 +0,0 @@
-import { Selector } from "testcafe";
-
-fixture("Example test").page("http://localhost:8000/dashboard/next");
-
-test("User can log in", async t => {
-  await t
-    .typeText('[name="email"]', "admin@example.com")
-    .typeText('[name="password"]', "admin")
-    .click('[type="submit"]');
-
-  const header = await Selector('[data-tc="home-header"]').exists;
-  await t.expect(header).ok();
-});