Automated Javascript, Selenium, Mocha and Chai Test Suite

Sure! Below is an example of an automated test suite using Selenium, JavaScript, and the Page Object Model design pattern to validate the functionality of a digital health product. The test suite covers critical features such as user registration, logging in, entering health data, setting goals, and generating progress reports. It also includes positive and negative scenarios to handle different situations. The example assumes you have the necessary setup and dependencies installed, including Node.js, Selenium WebDriver, Mocha, and Chai.

Project Structure

1. Create a new project directory and navigate into it.
2. Inside the project directory, create the following directories:
   • pages: Contains page objects for each page of the application.
   • tests: Contains test scripts for each feature.
   • data: Contains test data and configurations.
   • reports: Contains HTML reports and screenshots.
3. Install the required dependencies by running the following command in the project directory:

   Copy code
   npm install selenium-webdriver mocha chai
   

Test Suite Setup

1. Open your preferred text editor and create a new file named test-setup.js in the project directory.
2. Add the following code to the test-setup.js file:

javascriptCopy code
const { Builder, Capabilities } = require('selenium-webdriver');

// Set up WebDriver
const capabilities = Capabilities.chrome();
capabilities.set('chromeOptions', {
  args: ['--headless', '--disable-gpu'] // Optional: Run tests in headless mode
});

const driver = new Builder()
  .withCapabilities(capabilities)
  .build();

// Global test configuration
const baseUrl = 'https://your-health-product.com';

module.exports = {
  driver,
  baseUrl
};

Page Objects

1. Create a new file named LoginPage.js inside the pages directory.
2. Add the following code to the LoginPage.js file:

javascriptCopy code
const { By, until } = require('selenium-webdriver');
const { driver, baseUrl } = require('../test-setup');

class LoginPage {
  constructor() {
    this.usernameInput = By.id('username');
    this.passwordInput = By.id('password');
    this.loginButton = By.id('login-button');
    this.errorMsg = By.id('error-message');
  }

  async open() {
    await driver.get(`${baseUrl}/login`);
    await driver.wait(until.elementLocated(this.usernameInput));
  }

  async login(username, password) {
    await driver.findElement(this.usernameInput).sendKeys(username);
    await driver.findElement(this.passwordInput).sendKeys(password);
    await driver.findElement(this.loginButton).click();
    await driver.wait(until.urlIs(`${baseUrl}/dashboard`));
  }

  async getErrorMessage() {
    const element = await driver.findElement(this.errorMsg);
    return element.getText();
  }
}

module.exports = LoginPage;

3. Create similar page object files for other pages of the application (e.g., RegistrationPage.js, DashboardPage.js, etc.) using the same structure as LoginPage.js.

Test Scripts

1. Create a new file named registration.test.js inside the tests directory.
2. Add the following code to the registration.test.js file:

javascriptCopy code
const { expect } = require('chai');
const { driver, baseUrl } = require('../test-setup');
const LoginPage = require('../pages/LoginPage');

describe('User Registration', () => {
  let loginPage;

  before(async () => {
    loginPage = new LoginPage();
    await loginPage.open();
  });

  after(async () => {
    await driver.quit();
  });

  it('should display a success message upon successful registration', async () => {
    // Test data
    const username = 'testuser';
    const password = 'testpassword';

    await loginPage.register(username, password);

    const successMessage = await loginPage.getSuccessMessage();
    expect(successMessage).to.equal('Registration successful!');
  });

  it('should display an error message when registering with an existing username', async () => {
    // Test data
    const username = 'existinguser';
    const password = 'testpassword';

    await loginPage.register(username, password);

    const errorMessage = await loginPage.getErrorMessage();
    expect(errorMessage).to.equal('Username already exists!');
  });
});

3. Create similar test script files for other features (e.g., login.test.js, dataEntry.test.js, etc.) using the same structure as registration.test.js.

Running the Test Suite

1. Open your terminal or command prompt and navigate to the project directory.
2. Run the following command to execute the test suite:

   cssCopy code
   npx mocha --recursive tests/
   

Test Reporting

To generate HTML reports and screenshots, you can use the mochawesome package. Follow these steps to set it up:

1. Install the mochawesome package by running the following command in the project directory:

   Copy code
   npm install mochawesome
   

2. Modify the test-setup.js file as follows:

javascriptCopy code
const { Builder, Capabilities } = require('selenium-webdriver');
const { after } = require('mocha');

// Set up WebDriver
const capabilities = Capabilities.chrome();
capabilities.set('chromeOptions', {
  args: ['--headless', '--disable-gpu'] // Optional: Run tests in headless mode
});

const driver = new Builder()
  .withCapabilities(capabilities)
  .build();

// Global test configuration
const baseUrl = 'https://your-health-product.com';

// Add Mochawesome reporter
after(() => {
  const Mochawesome = require('mochawesome');
  new Mochawesome().report();
});

module.exports = {
  driver,
  baseUrl
};

3. Run the test suite again using the same command as before. After the tests complete, a report will be generated in the reports directory.

That's it! You now have an automated test suite using Selenium, JavaScript, and the Page Object Model design pattern to validate the functionality of your digital health product. You can extend the suite by adding more test scripts for additional features and scenarios. Remember to update the page objects and test scripts according to your specific application.