File size: 3,389 Bytes
5fafb41 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 |
// The The-internet E2E Test
// Automated test for The-internet
// Auto-generated from crawl data on 2025-04-10 21:25:36
import { test, expect } from '@playwright/test';
test('The The-internet E2E Test', async ({ page }) => {
// Configure viewport for better element visibility
await page.setViewportSize({ width: 1280, height: 800 });
// Helper function for safer element interactions
async function safeClick(selector, description) {
console.log(`Attempting to click ${description}...`);
try {
// First check if element exists and is visible
const element = page.locator(selector);
const isVisible = await element.isVisible().catch(() => false);
if (!isVisible) {
console.log(`Element ${description} is not visible, skipping`);
return false;
}
// Always scroll before clicking - critical for elements outside viewport
await element.scrollIntoViewIfNeeded();
await page.waitForTimeout(500); // Small wait after scrolling
// Now click the element
await element.click();
console.log(`Successfully clicked ${description}`);
await page.waitForTimeout(1000); // Wait after click
return true;
} catch (e) {
console.log(`Could not click ${description}: ${e.message}`);
return false;
}
}
// Navigate to the application
console.log('Navigating to application...');
await page.goto('https://the-internet.herokuapp.com/login');
// Verify the page loaded correctly
await expect(page).toHaveTitle(/^The.*$/);
// Login process
console.log('Performing login...');
await page.fill("input[type='text'][name*='user']", "tomsmith");
await page.fill("input[type='password']", "SuperSecretPassword!");
// Click the submit button with safety checks
await safeClick("button[type='submit']", "login button");
// Verify successful login
await page.waitForTimeout(2000); // Wait for navigation
try {
// Look for common login success indicators
// 1. URL changes to include secure, account, dashboard, profile, etc.
const currentUrl = page.url();
console.log('Post-login URL: ' + currentUrl);
// 2. Text indicating successful login (welcome, logged in, etc.)
const pageContent = await page.content();
const loggedInIndicators = ['welcome', 'logged in', 'sign out', 'logout', 'account'];
let foundIndicator = false;
for (const indicator of loggedInIndicators) {
if (pageContent.toLowerCase().includes(indicator)) {
foundIndicator = true;
console.log('Found login success indicator: ' + indicator);
break;
}
}
// If found indicators, assert successful login
if (foundIndicator) {
expect(true).toBeTruthy(); // Successfully found login indicators
} else {
console.log('Warning: Could not find clear login success indicators');
}
} catch (e) {
console.log('Error checking login status: ' + e);
}
// Explore the application - click on main menu items
console.log('Exploring application navigation...');
// Interact with Login
await safeClick("form#login > button", "Login");
// Interact with Elemental Selenium
await safeClick("div#page-footer > div > div > a", "Elemental Selenium");
// Take a screenshot for verification
await page.screenshot({ path: 'test-result-screenshot.png' });
}); |