{"componentChunkName":"component---src-pages-markdown-remark-fields-slug-js","path":"/engineering/introduction-of-idx-auto-tester/","result":{"data":{"markdownRemark":{"id":"5f981d73-e5fe-5b2e-9a34-604e53a1fa89","excerpt":"Idx-Auto-Tester is LoginRadius Identify Experience Automation Framework which refers to IEF Automation, is an open-source automation framework built-in…","html":"

Idx-Auto-Tester is LoginRadius Identify Experience Automation Framework which refers to IEF Automation, is an open-source automation framework built-in Nightwatch| Node.js tool with delivering all the standard authentication cases of LoginRadius Identity Experience.\nThis automation framework has been created for The LoginRadius Identity Experience Framework which is a ready-to-use solution that provides predefined layouts for all necessary authentication actions. It has all of the user accounts flows available, such as login, registration, forgotten password, and profile management.

\n

Technology used to create Idx-Auto-Tester

\n

We used Nightwatch.js end-to-end testing framework to create our Idx-Auto-Tester. This framework relies on Selenium and provides several commands and assertions within the framework to perform operations on DOM elements. It internally uses the powerful W3C Webdriver API or the Selenium Webdriver and simplifies writing end-to-end automated tests in Node.js and effortlessly sets up for Continuous Integration.

\n

Nightwatch uses JavaScript language (Node.js) and CSS/XPath to identify an element. It has Built-in command-line test runner which can run the tests either sequentially or in parallel, together, by group, tags, or by single.

\n

Installation

\n

Step 1: Download and Install Java.

\n

Step 2: Install Node.js.

\n

Step 3: Install Nightwatch. In the command line, navigate to any directory and type

\n
  npm install -g nightwatch (here ‘g’ is for installing globally).
\n

Step 4: Create a folder structure as shown below where Project is the root.

\n

\n

Step 5. Now it is required to install selenium-server-standalone.jar and chromedriver.exe along with other dependencies to execute test cases.

\n

As all the dependencies are added in nightwatch.json, so by executing below command, these will be added in node_modules folder

\n
  npm install
\n

Configuring and Setting up Nightwatch.js

\n

Now we have installed all the dependencies and configuration setup for the automation framework. Nightwatch.js offers an in-built test runner which expects a JSON configuration file to be passed. The default configuration file is nightwatch.json which should be present in the project’s root directory.

\n

Step 6. In the root folder, create “nightwatch.js” file and place the following line:

\n
require("nightwatch/bin/runner.js")
\n

Step 7. Now create nightwatch.json configuration file with the configurations mentioned as below code snippet for testing with Selenium and JavaScript.

\n
{\n  "src_folders": ["test"],\n  "output_folder": "tests_output",\n  "custom_commands_path": "helpers/custom-commands",\n  "custom_assertions_path": "",\n  "page_objects_path": "",\n  "globals_path": "",\n  "test_workers": {\n    "enabled": false,\n    "workers": 3\n  },\n\n  "selenium": {\n    "start_process": true,\n    "server_path": "node_modules/selenium-server-standalone-jar/jar/selenium-server-standalone-3.13.0.jar",\n    "log_path": "",\n    "host": "127.0.0.1",\n    "port": 4444,\n    "cli_args": {\n      "webdriver.chrome.driver": "node_modules/chromedriver/lib/chromedriver/chromedriver.exe",\n      "webdriver.ie.driver": ""\n    }\n  },\n\n  "test_settings": {\n    "default": {\n      "skip_testcases_on_fail": false,\n      "launch_url": "http://localhost",\n      "selenium_port": 4444,\n      "selenium_host": "127.0.0.1",\n      "silent": true,\n      "screenshots": {\n        "enabled": true,\n        "path": "screenshots"\n      },\n      "desiredCapabilities": {\n        "browserName": "chrome",\n        "javascriptEnabled": false,\n        "acceptSslCerts": false,\n        "chromeOptions": {\n          "args": ["--headless-none"]\n        }\n      }\n    },\n    "firefox": {\n      "desiredCapabilities": {\n        "browserName": "firefox",\n        "javascriptEnabled": true,\n        "acceptSslCerts": true,\n        "cli_args": {\n          "globals": {\n            "env": "fire  fox"\n          }\n        }\n      }\n    },\n\n    "ie": {\n      "desiredCapabilities": {\n        "browserName": "internet explorer",\n        "javascriptEnabled": true,\n        "acceptSslCerts": true,\n        "cli_args": {\n          "globals": {\n            "env": "ie"\n          }\n        }\n      }\n    }\n  }\n}
\n

Step 8. Now its time to design test case of any scenario, same as created in our Idx-Auto-Tester Framework under test folder named as TC01UserLogin

\n

To create functions/methods, we used nightwatch custom commands approach to create commands for all the required functions under custom-commands folder, like as there is command created for createUser.js which used to create the user and call it under test case.

\n
\n

Note: We are using 'Function-style commands' of Nightwatch to create command to resolve the asynchronous queueing system problem while running the test case.

\n
\n

Step 9. The final thing we are required to do is to execute the tests from the base directory of the project using the command:

\n
npm test
\n
\n

Important Tip : A script has been added in package.json to define test execution command:

\n
\n
"scripts":\n  {\n    "test": "node nightwatch.js --reporter html-reporter.js test"\n    }
\n

This command will validate the tests and dependencies and then execute the test suite, which will open up the mentioned browser and execute the desired test steps.

\n

Parallel Testing with Nightwatch.js in Selenium WebDriver

\n

It is required to update the configuration to execute the tests in parallel by enabling the test_workers as true. This will enable parallel execution and execute all tests on a defined number of workers.

\n
  "test_workers": {\n    "enabled": true,\n    "workers": 3\n  },
\n

This is all about Idx-Auto-Tester Framework Implementation

\n

In this framework design, we have covered various flows of LoginRadius Identity Experience Automation testing with Selenium Javascript. I hope we are now clear about the approach for an end-to-end automation testing with Selenium JavaScript using Nightwatch.js with the reference of Idx-Auto-Tester. We are aware of all the prerequisites required for setting up Nightwatch.js. It automates the entire test suite quickly with minimal configuration and is readable as well as easy to update. Our framework is also capable to use the best feature provided by Nightwatch.js framework which is the parallel testing of cases that proves to be time-efficient. The test results can directly be read from the terminal and also stored at a specified output folder.

\n","headings":[{"value":"Technology used to create Idx-Auto-Tester","depth":2},{"value":"Installation","depth":2},{"value":"Configuring and Setting up Nightwatch.js","depth":2},{"value":"Parallel Testing with Nightwatch.js in Selenium WebDriver","depth":2},{"value":"This is all about Idx-Auto-Tester Framework Implementation","depth":2}],"fields":{"slug":"/engineering/introduction-of-idx-auto-tester/"},"frontmatter":{"metatitle":null,"metadescription":null,"description":null,"title":"Introduction of Idx-Auto-Tester","canonical":null,"date":"June 22, 2020","updated_date":null,"tags":["Automation","Idx-Auto-Tester"],"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.7699115044247788,"src":"/static/0081dfe350298b300d58aa44264cb5e8/03979/idx-auto-tester.png","srcSet":"/static/0081dfe350298b300d58aa44264cb5e8/f5f11/idx-auto-tester.png 200w,\n/static/0081dfe350298b300d58aa44264cb5e8/6d133/idx-auto-tester.png 400w,\n/static/0081dfe350298b300d58aa44264cb5e8/03979/idx-auto-tester.png 800w,\n/static/0081dfe350298b300d58aa44264cb5e8/aca38/idx-auto-tester.png 1200w,\n/static/0081dfe350298b300d58aa44264cb5e8/7952d/idx-auto-tester.png 1280w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Himanshi Sharma","github":"Himanshi0512","bio":"I am Full Stack Automation Engineer, working since 7 years in IT Industry. I have keen interest in test automation primarily because of the wide range of challenging problems inherited in this field.","avatar":null}}}},"pageContext":{"id":"5f981d73-e5fe-5b2e-9a34-604e53a1fa89","fields__slug":"/engineering/introduction-of-idx-auto-tester/","__params":{"fields__slug":"engineering"}}},"staticQueryHashes":["1171199041","1384082988","1711371485","1753898100","2100481360","229320306","23180105","528864852"]}