How to enter acceptable fake data to login page which is tests using protractor?

Question

I am completely new to the protractor and currently, I'm testing my login page using my own login data and I want to use dummy data as profile login data. Can these enter in my spec.ts file or protractor.conf.js file?

This is my spec.ts file:

    it('Navigate to the dashboard', () => {
        page.getEmailLogin().sendKeys('first@gmail.com');
        page.getPasswordLogin().sendKeys('123456');
        page.getSubmitLogin().click();
    
        const EC = browser.ExpectedConditions;
        browser.wait(EC.urlContains('localhost:49152'), 10000);
        browser.wait(EC.urlIs('http://localhost:49152/'), 10000);
    });

I tried to add this data to params field but the login page requires valid data confirmed by the user.

Answer 1

Config file has a params option:

Based on https://github.com/angular/protractor/blob/5.4.1/lib/config.ts:

"The params object will be passed directly to the Protractor instance, and can be accessed from your test as browser.params. It is an arbitrary object and can contain anything you may need in your test. This can be changed via the command line as: --params.login.user "Joe" "

In config file you add your params. You can add multiple types of credentials depending on your needs:

params: {
login: {
  email: 'first@gmail.com',
  password: '123456'
}

},

In specs file you call them:

it('Navigate to the dashboard', () => {
  page.getEmailLogin().sendKeys(browser.params.login.email);
  page.getPasswordLogin().sendKeys(browser.params.login.password);
  page.getSubmitLogin().click();
}

Answer 2

As a good practice keep your data separate in external json files and read into JS objects.

// Read json file into an data Object
var json = require('path/to/json/testData.json');

// Now you can access data from your json file as usual:
var users = json.users;   //Example 1
var data = json['data'];  //Example 2