qa360 2.2.1 → 2.2.7

package/tests/e2e/real-world/saucedemo.test.mjs

@@ -1,714 +0,0 @@
-#!/usr/bin/env node
-/**
- * QA360 Real-World E2E Tests - SauceDemo
- *
- * Tests on https://www.saucedemo.com/
- * This is a popular e-commerce testing site.
- *
- * Usage: node tests/e2e/real-world/saucedemo.test.mjs
- */
-
-import { chromium } from '@playwright/test';
-import { join, dirname } from 'path';
-import { fileURLToPath } from 'url';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-
-// Test utilities
-let testsPassed = 0;
-let testsFailed = 0;
-
-// Timeout configuration for real-world tests (network can be slow)
-const TIMEOUTS = {
-  default: 10000,      // 10s for normal operations
-  navigation: 15000,   // 15s for page loads
-  network: 20000,      // 20s for network idle
-  dialog: 5000,        // 5s for dialogs
-  short: 3000,         // 3s for quick transitions
-  animation: 1000,     // 1s for animations
-};
-
-function log(message, type = 'info') {
-  const colors = {
-    info: '\x1b[36m',
-    success: '\x1b[32m',
-    error: '\x1b[31m',
-    warning: '\x1b[33m',
-    dim: '\x1b[90m',
-  };
-  const reset = '\x1b[0m';
-  console.log(`${colors[type] || ''}${message}${reset}`);
-}
-
-function assert(condition, message) {
-  if (condition) {
-    testsPassed++;
-    log(`  OK ${message}`, 'success');
-  } else {
-    testsFailed++;
-    log(`  FAIL ${message}`, 'error');
-    throw new Error(`Assertion failed: ${message}`);
-  }
-}
-
-function assertEqual(actual, expected, message) {
-  if (actual === expected) {
-    testsPassed++;
-    log(`  OK ${message}`, 'success');
-  } else {
-    testsFailed++;
-    log(`  FAIL ${message}`, 'error');
-    log(`     Expected: "${expected}"`, 'dim');
-    log(`     Got: "${actual}"`, 'dim');
-    throw new Error(`Assertion failed: ${message}`);
-  }
-}
-
-function assertContains(haystack, needle, message) {
-  if (haystack.includes(needle)) {
-    testsPassed++;
-    log(`  OK ${message}`, 'success');
-  } else {
-    testsFailed++;
-    log(`  FAIL ${message}`, 'error');
-    log(`     Expected to contain: "${needle}"`, 'dim');
-    log(`     In: "${haystack}"`, 'dim');
-    throw new Error(`Assertion failed: ${message}`);
-  }
-}
-
-const BASE_URL = 'https://www.saucedemo.com';
-
-// ============================================================================
-// TESTS
-// ============================================================================
-
-async function testHomePageLoads() {
-  log('\n[Test 1] Home page loads', 'info');
-
-  const browser = await chromium.launch({ headless: true });
-  const context = await browser.newContext();
-  const page = await context.newPage();
-
-  try {
-    await page.goto(BASE_URL);
-    await page.waitForLoadState('networkidle');
-
-    // Check login form exists
-    const loginButton = await page.$('#login-button');
-    assert(loginButton !== null, 'Login button exists');
-
-    const usernameInput = await page.$('#user-name');
-    assert(usernameInput !== null, 'Username input exists');
-
-    const passwordInput = await page.$('#password');
-    assert(passwordInput !== null, 'Password input exists');
-
-  } finally {
-    await browser.close();
-  }
-}
-
-async function testValidLogin() {
-  log('\n[Test 2] Valid user login', 'info');
-
-  const browser = await chromium.launch({ headless: true });
-  const context = await browser.newContext();
-  const page = await context.newPage();
-
-  try {
-    await page.goto(BASE_URL);
-
-    // Fill in credentials
-    await page.fill('#user-name', 'standard_user');
-    await page.fill('#password', 'secret_sauce');
-
-    // Click login
-    await page.click('#login-button');
-
-    // Wait for redirect to inventory
-    await page.waitForURL('**/inventory.html');
-
-    const currentUrl = page.url();
-    assert(currentUrl.includes('inventory.html'), 'Redirected to inventory page');
-
-    // Check that products are displayed
-    const products = await page.locator('.inventory_item').count();
-    assert(products > 0, `Found ${products} products`);
-
-  } finally {
-    await browser.close();
-  }
-}
-
-async function testInvalidLogin() {
-  log('\n[Test 3] Invalid credentials', 'info');
-
-  const browser = await chromium.launch({ headless: true });
-  const context = await browser.newContext();
-  const page = await context.newPage();
-
-  try {
-    await page.goto(BASE_URL);
-
-    // Fill in wrong credentials
-    await page.fill('#user-name', 'invalid_user');
-    await page.fill('#password', 'wrong_password');
-
-    // Click login
-    await page.click('#login-button');
-
-    // Wait for error message
-    await page.waitForSelector('.error-button', { state: 'visible' });
-
-    const errorBox = await page.$('.error-message-container');
-    assert(errorBox !== null, 'Error message is displayed');
-
-    const errorText = await page.textContent('.error-message-container');
-    assert(
-      errorText?.toLowerCase().includes('username and password') ||
-      errorText?.toLowerCase().includes('epic sad'),
-      'Error message indicates wrong credentials'
-    );
-
-  } finally {
-    await browser.close();
-  }
-}
-
-async function testProductListing() {
-  log('\n[Test 4] Product listing', 'info');
-
-  const browser = await chromium.launch({ headless: true });
-  const context = await browser.newContext();
-  const page = await context.newPage();
-
-  try {
-    // Login first
-    await page.goto(BASE_URL);
-    await page.fill('#user-name', 'standard_user');
-    await page.fill('#password', 'secret_sauce');
-    await page.click('#login-button');
-    await page.waitForURL('**/inventory.html');
-
-    // Check product list
-    const products = await page.locator('.inventory_item').count();
-    assertEqual(products, 6, 'There are 6 products');
-
-    // Check product details
-    const firstProductName = await page.locator('.inventory_item_name').first().textContent();
-    assert(firstProductName, 'Product name is displayed');
-
-    const firstProductPrice = await page.locator('.inventory_item_price').first().textContent();
-    assert(firstProductPrice?.includes('$'), 'Product price is displayed');
-
-    const productImages = await page.locator('.inventory_item_img').count();
-    assert(productImages > 0, 'Product images are displayed');
-
-  } finally {
-    await browser.close();
-  }
-}
-
-async function testAddToCart() {
-  log('\n[Test 5] Add to cart', 'info');
-
-  const browser = await chromium.launch({ headless: true });
-  const context = await browser.newContext();
-  const page = await context.newPage();
-
-  try {
-    // Login first
-    await page.goto(BASE_URL, { timeout: TIMEOUTS.navigation });
-    await page.fill('#user-name', 'standard_user');
-    await page.fill('#password', 'secret_sauce');
-    await page.click('#login-button');
-    await page.waitForURL('**/inventory.html', { timeout: TIMEOUTS.navigation });
-
-    // Add first item to cart
-    await page.click('.inventory_item:first-child button');
-
-    // Wait for cart badge to appear and update (conditional wait, not timeout)
-    await page.waitForSelector('.shopping_cart_badge', { state: 'visible', timeout: TIMEOUTS.default });
-
-    // Check cart badge updated
-    const newCartCount = await page.textContent('.shopping_cart_badge');
-    assert(newCartCount !== null, 'Cart badge is displayed after adding item');
-
-    // Check button text changed
-    await page.waitForSelector('.inventory_item:first-child button:has-text("Remove")', { timeout: TIMEOUTS.short });
-    const buttonText = await page.textContent('.inventory_item:first-child button');
-    assertEqual(buttonText, 'Remove', 'Button changed to Remove');
-
-  } finally {
-    await browser.close();
-  }
-}
-
-async function testRemoveFromCart() {
-  log('\n[Test 6] Remove from cart', 'info');
-
-  const browser = await chromium.launch({ headless: true });
-  const context = await browser.newContext();
-  const page = await context.newPage();
-
-  try {
-    // Login and add item
-    await page.goto(BASE_URL);
-    await page.fill('#user-name', 'standard_user');
-    await page.fill('#password', 'secret_sauce');
-    await page.click('#login-button');
-    await page.waitForURL('**/inventory.html');
-
-    // Add first item
-    await page.click('.inventory_item:first-child button');
-    await page.waitForTimeout(500);
-
-    // Remove it
-    await page.click('.inventory_item:first-child button');
-    await page.waitForTimeout(500);
-
-    // Check button text changed back
-    const buttonText = await page.textContent('.inventory_item:first-child button');
-    assertEqual(buttonText, 'Add to cart', 'Button changed back to Add to cart');
-
-  } finally {
-    await browser.close();
-  }
-}
-
-async function testCartPage() {
-  log('\n[Test 7] Cart page', 'info');
-
-  const browser = await chromium.launch({ headless: true });
-  const context = await browser.newContext();
-  const page = await context.newPage();
-
-  try {
-    // Login and add items
-    await page.goto(BASE_URL);
-    await page.fill('#user-name', 'standard_user');
-    await page.fill('#password', 'secret_sauce');
-    await page.click('#login-button');
-    await page.waitForURL('**/inventory.html');
-
-    // Add two items
-    await page.click('.inventory_item:nth-child(1) button');
-    await page.click('.inventory_item:nth-child(2) button');
-    await page.waitForTimeout(500);
-
-    // Click cart icon
-    await page.click('.shopping_cart_link');
-    await page.waitForURL('**/cart.html');
-
-    // Verify cart page
-    const cartItems = await page.locator('.cart_item').count();
-    assertEqual(cartItems, 2, 'Cart has 2 items');
-
-    // Check continue button exists
-    const continueButton = await page.$('#continue-shopping');
-    assert(continueButton !== null, 'Continue shopping button exists');
-
-    // Check checkout button exists
-    const checkoutButton = await page.$('#checkout');
-    assert(checkoutButton !== null, 'Checkout button exists');
-
-  } finally {
-    await browser.close();
-  }
-}
-
-async function testSortProducts() {
-  log('\n[Test 8] Sort products', 'info');
-
-  const browser = await chromium.launch({ headless: true });
-  const context = await browser.newContext();
-  const page = await context.newPage();
-
-  try {
-    // Login
-    await page.goto(BASE_URL);
-    await page.fill('#user-name', 'standard_user');
-    await page.fill('#password', 'secret_sauce');
-    await page.click('#login-button');
-    await page.waitForURL('**/inventory.html');
-
-    // Get initial product order
-    const firstProductBefore = await page.locator('.inventory_item_name').first().textContent();
-
-    // Sort by price (low to high)
-    await page.selectOption('.product_sort_container', 'lohi');
-    await page.waitForTimeout(500);
-
-    // Verify sorting worked (different order)
-    const firstProductAfter = await page.locator('.inventory_item_name').first().textContent();
-    // These should be different after sorting
-    const productsExist = firstProductAfter !== null;
-    assert(productsExist, 'Products are still displayed after sorting');
-
-    // Check sort options exist
-    const sortOptions = await page.locator('.product_sort_container option').count();
-    assert(sortOptions === 4, 'Sort dropdown has 4 options');
-
-  } finally {
-    await browser.close();
-  }
-}
-
-async function testProductDetails() {
-  log('\n[Test 9] Product details', 'info');
-
-  const browser = await chromium.launch({ headless: true });
-  const context = await browser.newContext();
-  const page = await context.newPage();
-
-  try {
-    // Login
-    await page.goto(BASE_URL);
-    await page.fill('#user-name', 'standard_user');
-    await page.fill('#password', 'secret_sauce');
-    await page.click('#login-button');
-    await page.waitForURL('**/inventory.html');
-
-    // Click on first product
-    await page.click('.inventory_item_name:first-child');
-    await page.waitForURL('**/inventory-item.html');
-
-    // Verify product details page
-    const productName = await page.textContent('.inventory_details_name');
-    assert(productName, 'Product name is displayed on details page');
-
-    const productDesc = await page.textContent('.inventory_details_desc');
-    assert(productDesc, 'Product description is displayed');
-
-    const productPrice = await page.textContent('.inventory_details_price');
-    assert(productPrice?.includes('$'), 'Product price is displayed');
-
-    // Check back button
-    const backButton = await page.$('#back-to-products');
-    assert(backButton !== null, 'Back to products button exists');
-
-  } finally {
-    await browser.close();
-  }
-}
-
-async function testCheckoutFlow() {
-  log('\n[Test 10] Checkout flow', 'info');
-
-  const browser = await chromium.launch({ headless: true });
-  const context = await browser.newContext();
-  const page = await context.newPage();
-
-  try {
-    // Login
-    await page.goto(BASE_URL);
-    await page.fill('#user-name', 'standard_user');
-    await page.fill('#password', 'secret_sauce');
-    await page.click('#login-button');
-    await page.waitForURL('**/inventory.html');
-
-    // Add item to cart
-    await page.click('.inventory_item:first-child button');
-    await page.waitForTimeout(500);
-
-    // Go to cart
-    await page.click('.shopping_cart_link');
-    await page.waitForURL('**/cart.html');
-
-    // Click checkout
-    await page.click('#checkout');
-    await page.waitForURL('**/checkout-step-one.html');
-
-    // Fill checkout form
-    await page.fill('#first-name', 'John');
-    await page.fill('#last-name', 'Doe');
-    await page.fill('#postal-code', '12345');
-
-    // Continue
-    await page.click('#continue');
-    await page.waitForURL('**/checkout-step-two.html');
-
-    // Verify checkout overview
-    const summaryLabel = await page.textContent('.summary_info_label');
-    assert(summaryLabel?.includes('Summary') || summaryLabel?.includes('Payment'), 'Checkout summary is displayed');
-
-    // Finish
-    await page.click('#finish');
-    await page.waitForURL('**/checkout-complete.html');
-
-    // Verify completion message
-    const completeMessage = await page.textContent('.complete-header');
-    assertEqual(completeMessage, 'Thank you for your order!', 'Order completion message is displayed');
-
-  } finally {
-    await browser.close();
-  }
-}
-
-async function testLogout() {
-  log('\n[Test 11] Logout', 'info');
-
-  const browser = await chromium.launch({ headless: true });
-  const context = await browser.newContext();
-  const page = await context.newPage();
-
-  try {
-    // Login
-    await page.goto(BASE_URL);
-    await page.fill('#user-name', 'standard_user');
-    await page.fill('#password', 'secret_sauce');
-    await page.click('#login-button');
-    await page.waitForURL('**/inventory.html');
-
-    // Click menu
-    await page.click('#react-burger-menu-btn');
-    await page.waitForSelector('.bm-menu', { state: 'visible' });
-
-    // Click logout
-    await page.click('#logout_sidebar_link');
-    await page.waitForURL('**/');
-
-    // Verify back on login page
-    const loginButton = await page.$('#login-button');
-    assert(loginButton !== null, 'Back on login page after logout');
-
-  } finally {
-    await browser.close();
-  }
-}
-
-async function testMenuNavigation() {
-  log('\n[Test 12] Menu navigation', 'info');
-
-  const browser = await chromium.launch({ headless: true });
-  const context = await browser.newContext();
-  const page = await context.newPage();
-
-  try {
-    // Login
-    await page.goto(BASE_URL);
-    await page.fill('#user-name', 'standard_user');
-    await page.fill('#password', 'secret_sauce');
-    await page.click('#login-button');
-    await page.waitForURL('**/inventory.html');
-
-    // Open menu
-    await page.click('#react-burger-menu-btn');
-    await page.waitForSelector('.bm-menu', { state: 'visible' });
-
-    // Check menu items
-    const allItemsLink = await page.$('#inventory_sidebar_link');
-    assert(allItemsLink !== null, 'All Items link exists');
-
-    const aboutLink = await page.$('#about_sidebar_link');
-    assert(aboutLink !== null, 'About link exists');
-
-    const logoutLink = await page.$('#logout_sidebar_link');
-    assert(logoutLink !== null, 'Logout link exists');
-
-    const resetLink = await page.$('#reset_sidebar_link');
-    assert(resetLink !== null, 'Reset App State link exists');
-
-    // Close menu
-    await page.click('#react-burger-cross-btn');
-    await page.waitForSelector('.bm-menu', { state: 'hidden' }).catch(() => {});
-
-  } finally {
-    await browser.close();
-  }
-}
-
-async function testAboutLink() {
-  log('\n[Test 13] About link', 'info');
-
-  const browser = await chromium.launch({ headless: true });
-  const context = await browser.newContext();
-  const page = await context.newPage();
-
-  try {
-    // Login
-    await page.goto(BASE_URL);
-    await page.fill('#user-name', 'standard_user');
-    await page.fill('#password', 'secret_sauce');
-    await page.click('#login-button');
-    await page.waitForURL('**/inventory.html');
-
-    // Open menu
-    await page.click('#react-burger-menu-btn');
-    await page.waitForSelector('.bm-menu', { state: 'visible' });
-
-    // Click About (should open saucelabs.com)
-    const newPagePromise = context.waitForEvent('page');
-    await page.click('#about_sidebar_link');
-
-    const newPage = await newPagePromise;
-    await newPage.waitForLoadState('networkidle');
-
-    const newUrl = newPage.url();
-    assert(newUrl.includes('saucelabs.com'), 'Opened SauceLabs website');
-
-  } finally {
-    await browser.close();
-  }
-}
-
-async function testCartRemoval() {
-  log('\n[Test 14] Remove from cart page', 'info');
-
-  const browser = await chromium.launch({ headless: true });
-  const context = await browser.newContext();
-  const page = await context.newPage();
-
-  try {
-    // Login
-    await page.goto(BASE_URL);
-    await page.fill('#user-name', 'standard_user');
-    await page.fill('#password', 'secret_sauce');
-    await page.click('#login-button');
-    await page.waitForURL('**/inventory.html');
-
-    // Add item
-    await page.click('.inventory_item:first-child button');
-    await page.waitForTimeout(500);
-
-    // Go to cart
-    await page.click('.shopping_cart_link');
-    await page.waitForURL('**/cart.html');
-
-    // Remove item from cart
-    await page.click('.cart_item button');
-
-    // Verify cart is empty
-    const cartItems = await page.locator('.cart_item').count();
-    assertEqual(cartItems, 0, 'Cart is empty after removal');
-
-  } finally {
-    await browser.close();
-  }
-}
-
-async function testContinueShopping() {
-  log('\n[Test 15] Continue shopping button', 'info');
-
-  const browser = await chromium.launch({ headless: true });
-  const context = await browser.newContext();
-  const page = await context.newPage();
-
-  try {
-    // Login
-    await page.goto(BASE_URL);
-    await page.fill('#user-name', 'standard_user');
-    await page.fill('#password', 'secret_sauce');
-    await page.click('#login-button');
-    await page.waitForURL('**/inventory.html');
-
-    // Add item
-    await page.click('.inventory_item:first-child button');
-    await page.waitForTimeout(500);
-
-    // Go to cart
-    await page.click('.shopping_cart_link');
-    await page.waitForURL('**/cart.html');
-
-    // Click continue shopping
-    await page.click('#continue-shopping');
-    await page.waitForURL('**/inventory.html');
-
-    const currentUrl = page.url();
-    assert(currentUrl.includes('inventory.html'), 'Back to inventory page');
-
-  } finally {
-    await browser.close();
-  }
-}
-
-async function testCheckoutCancel() {
-  log('\n[Test 16] Checkout cancel', 'info');
-
-  const browser = await chromium.launch({ headless: true });
-  const context = await browser.newContext();
-  const page = await context.newPage();
-
-  try {
-    // Login
-    await page.goto(BASE_URL);
-    await page.fill('#user-name', 'standard_user');
-    await page.fill('#password', 'secret_sauce');
-    await page.click('#login-button');
-    await page.waitForURL('**/inventory.html');
-
-    // Add item
-    await page.click('.inventory_item:first-child button');
-    await page.waitForTimeout(500);
-
-    // Go to cart and checkout
-    await page.click('.shopping_cart_link');
-    await page.waitForURL('**/cart.html');
-    await page.click('#checkout');
-    await page.waitForURL('**/checkout-step-one.html');
-
-    // Cancel checkout
-    await page.click('#cancel');
-    await page.waitForURL('**/cart.html');
-
-    const currentUrl = page.url();
-    assert(currentUrl.includes('cart.html'), 'Back to cart page');
-
-  } finally {
-    await browser.close();
-  }
-}
-
-// ============================================================================
-// MAIN
-// ============================================================================
-
-async function main() {
-  log('\nQA360 Real-World E2E Tests - SauceDemo', 'info');
-  log('='.repeat(60), 'info');
-
-  const tests = [
-    testHomePageLoads,
-    testValidLogin,
-    testInvalidLogin,
-    testProductListing,
-    testAddToCart,
-    testRemoveFromCart,
-    testCartPage,
-    testSortProducts,
-    testProductDetails,
-    testCheckoutFlow,
-    testLogout,
-    testMenuNavigation,
-    testAboutLink,
-    testCartRemoval,
-    testContinueShopping,
-    testCheckoutCancel,
-  ];
-
-  for (const test of tests) {
-    try {
-      await test();
-    } catch (error) {
-      if (!error.message.includes('Assertion failed')) {
-        log(`  ERROR ${error.message}`, 'error');
-      }
-    }
-  }
-
-  log('\n' + '='.repeat(60), 'info');
-  log(`\nResults: ${testsPassed} passed, ${testsFailed} failed`, 'info');
-
-  if (testsFailed > 0) {
-    process.exit(1);
-  } else {
-    log('\nAll real-world E2E tests passed!', 'success');
-  }
-}
-
-main().catch(error => {
-  console.error(error);
-  process.exit(1);
-});