links-talent-playwright-tests/tests/footer-contact-info-color.spec.ts

28 lines
1006 B
TypeScript

import { test, expect } from '@playwright/test';
test('#12 Verify consistent text color in Contact Info section', async ({ page }) => {
await page.goto('https://linkstalent.com/');
// Scroll to footer
await page.locator('footer').scrollIntoViewIfNeeded();
// Use stable, specific locators
const inquiry = page.locator('a.phone');
const email = page.locator('a.footer-email');
const location = page.locator('footer >> a:has-text("Clock Tower Office Building")');
// Get computed color styles
const inquiryColor = await inquiry.evaluate(el => getComputedStyle(el).color);
const emailColor = await email.evaluate(el => getComputedStyle(el).color);
const locationColor = await location.evaluate(el => getComputedStyle(el).color);
// Log for debugging
console.log(' Inquiry:', inquiryColor);
console.log(' Email:', emailColor);
console.log(' Location:', locationColor);
// Assertion
expect(emailColor).toBe(inquiryColor);
expect(locationColor).toBe(inquiryColor);
});