Mastering Selenium for Business Logic Testing: Seamlessly Connect Test Cases with Real-world Scenarios

Feature: Testing Checkout Flow

Feature: Use Check Out Flow

Scenario: User completes a purchase
  Given the user is on the product page
  When the user adds item A to the cart
  And the user adds item B to the cart
  And the user goes to the checkout page
  And the user selects a shipping address
  And the user provides payment information
  And the user confirms the purchase
  Then the user should receive an order confirmation

Example `features/step-definitions/api-steps.js` file:

const { Given, When, Then } = require('cucumber');
const { Builder, By, until } = require('selenium-webdriver');

let driver;

Given('the user is on the product page', async function () {
  driver = new Builder().forBrowser('chrome').build();
  await driver.get('https://example.com/product');
});

When('the user adds item A to the cart', async function () {
  const itemAButton = await driver.findElement(By.id('add-to-cart-item-a'));
  await itemAButton.click();
});

When('the user adds item B to the cart', async function () {
  const itemBButton = await driver.findElement(By.id('add-to-cart-item-b'));
  await itemBButton.click();
});

When('the user goes to the checkout page', async function () {
  const checkoutButton = await driver.findElement(By.id('checkout-button'));
  await checkoutButton.click();
});

When('the user selects a shipping address', async function () {
  const shippingAddressRadio = await driver.findElement(By.id('shipping-address-123'));
  await shippingAddressRadio.click();
});

When('the user provides payment information', async function () {
  const creditCardNumberInput = await driver.findElement(By.id('credit-card-number'));
  await creditCardNumberInput.sendKeys('1234567890');
});

When('the user confirms the purchase', async function () {
  const confirmPurchaseButton = await driver.findElement(By.id('confirm-purchase-button'));
  await confirmPurchaseButton.click();
});

Then('the user should receive an order confirmation', async function () {
  const orderConfirmationMessage = await driver.wait(until.elementLocated(By.id('order-confirmation-message')), 5000);
  const messageText = await orderConfirmationMessage.getText();
  expect(messageText).toBe('Your order has been confirmed.');
});

After(async function () {
  await driver.quit();
});