Improvement of Merchant Account test

Author: Jacek Norbert

modules/account_example/test/index.js

@@ -6,7 +6,6 @@ import Stripe from "./page-object";
 import Login from "../../../tests/e2e/page-objects/login";
 import {
  ma_data,
- user_stripe
 } from "../../../tests/e2e/data/data.js";
 import {
  getBtAlertText
@@ -15,15 +14,33 @@ import {
 const stripe = new Stripe();
 const login = new Login();
 
+const {
+ dev
+} = {
+ dev: {
+ email: faker.internet.exampleEmail(),
+ name: faker.name.firstName(),
+ password: faker.internet.password(),
+ phone: faker.phone.phoneNumber()
+ }
+};
+
 fixture("Merchant Account")
  .page(process.env.MP_URL)
- .beforeEach(async t => {
- await login.login(user_stripe.email, user_stripe.password);
- await t.navigateTo("/account");
- });
 
 test("Add new account", async t => {
- await t.expect(stripe.element.info.innerText).eql(`You don't have saved accounts yet, please add your first account.`)
+ await t.click(stripe.link.signup)
+
+ await t
+ .click(stripe.link.devRegister)
+ .typeText(stripe.input.firstname, dev.name)
+ .typeText(stripe.input.email, dev.email)
+ .typeText(stripe.input.password, dev.password)
+ .typeText(stripe.input.phone, dev.phone)
+ .click(stripe.button.createAccount);
+
+ await login.login(dev.email, dev.password);
+ await t.navigateTo("/account");
 
  await t.click(stripe.button.addAccount);
 

modules/account_example/test/page-object.js

@@ -1,6 +1,5 @@
 import {
- Selector,
- t
+ Selector
 } from 'testcafe';
 
 export default class Stripe {
@@ -9,20 +8,29 @@ export default class Stripe {
  submit: Selector('button[type="submit"]'),
  addAccount: Selector('a[data-add-account]'),
  deleteAccount: Selector('.delete-stripe'),
+ createAccount: Selector('.btn.btn-primary'),
  };
  this.iframe = {
  iframeStripe: Selector('iframe[name="stripe_checkout_app"]'),
  validation: Selector('.Popover-content')
  };
  this.link = {
- editAccount: Selector('a').withText('Edit')
+ editAccount: Selector('a').withText('Edit'),
+ signup: Selector('a').withText('Register'),
+ login: Selector('a').withText('Log in'),
+ devRegister: Selector('a').withText('Developer'),
+ clientRegister: Selector('a').withText('Client')
  }
  this.element = {
  address: Selector('.mt-3 li').withText('Address'),
  state: Selector('table td:nth-of-type(2)'),
  info: Selector('.mt-4 p')
  }
  this.input = {
+ firstname: Selector('#form_first_name'),
+ email: Selector('[type="email"]'),
+ password: Selector('[type="password"]'),
+ phone: Selector('#form_mobile_number'),
  country: Selector['data-country'],
  routingNumber: Selector('[data-routing-number]'),
  accountNumber: Selector('[data-account-number]'),
@@ -36,7 +44,6 @@ export default class Stripe {
  city: Selector('.person.border-bottom.border-light.mb-5 #input-city'),
  state: Selector('.person.border-bottom.border-light.mb-5 #input-state'),
  code: Selector('.person.border-bottom.border-light.mb-5 #input-zip'),
-
  cardNumber: Selector(
  '.Fieldset-childLeftRight > .Textbox-inputRow > input[type="tel"].Fieldset-input.Textbox-control'
  ),