Request Quote

How to use JSON data in Casperjs Script

In Magento, there are various “repetitive” tasks to check such as testing with different input values. These repetitive actions take a lot of time. To do this we can use JSON data in CasperJs script.

Use of JSON data in CasperJs Script.

Here I have created a login.json file which contains 3 key i.e. link, email & password with their respective values, which is used for the login process.

login.json

/**
* Webkul Software.
*
* @category Webkul
* @package Webkul_CasperJS
* @author Webkul
* @copyright Copyright (c) 2010-2017 Webkul Software Private Limited (https://webkul.com)
* @license https://store.webkul.com/license.html
*/
{
	"link": "http://example.com/mage3/customer/account/login/",
	"email": "test@example.com",
	"password": "xyz123"
}

Passed values in CasperJs script: Here I have created json object and assigned login.json to json object through require method. Then created email and password object and assigned the value of email key and password key respectively and called the link key (Magento frontend login page link) for starting the login process.

signin.js

/**
* Webkul Software.
*
* @category Webkul
* @package Webkul_CasperJS
* @author Webkul
* @copyright Copyright (c) 2010-2017 Webkul Software Private Limited (https://webkul.com)
* @license https://store.webkul.com/license.html
*/
var casper = require('casper').create({
	verbose: true,
});
var json = require("login.json");

var email = json['email'];
var password = json['password'];

//Home page link
casper.start(json['link']);

//Login Form Fillup
casper.waitForSelector('#login-form', function () {
	this.fill('form#login-form', {
		'login[username]': email,
		'login[password]': password

	}, false);
});

//Click Sign In Button
casper.then(function () {
	this.click('#send2');
});

casper.wait(3000, function () {
	this.echo("Successfully Logged In", "COMMENT");
});

casper.run();

For complete Magento2 frontend login process check our blog How To SignIn Magento2 Frontend Using CasperJS

. . .

Comment

Add Your Comment

Be the first to comment.

css.php
Hire Us!
Brief us about your requirements and we'll get back to you.
Woo! Hooy!
We have just recieved your project brief and our expert will contact you shortly.
Send Again
Close