Compare commits
3 Commits
39ea6cfecb
...
cb3abf464d
| Author | SHA1 | Date | |
|---|---|---|---|
|
cb3abf464d | ||
| 46082685fa | |||
| b4c12c575c |
@ -90,7 +90,7 @@ export default function Banner() {
|
||||
<div className="content-column col-lg-6 col-md-12 col-sm-12">
|
||||
<div className="inner-column">
|
||||
<h1><span className="first-letter">Big Street </span><span className="second-letter">Taste</span></h1>
|
||||
<div className="text">Subtext:
|
||||
<div className="text">
|
||||
Sink your teeth into juicy wings and loaded combos that bring the heat. Pick your style - BBQ, Buffalo, Garlic Parm, Hot Honey and level up your meal with fries and a pop.
|
||||
</div>
|
||||
<div className="btns-box">
|
||||
|
||||
@ -16,7 +16,7 @@ export default function Gallery() {
|
||||
<div className="image-box">
|
||||
<img src="/assets/images/home/categories/combos.webp" alt="" />
|
||||
<div className="overlay-box">
|
||||
<h6><Link href="#">Combos</Link></h6>
|
||||
<h6>Combos</h6>
|
||||
{/* <div className="title">Us percipit urbanitas referrentur ea.</div> */}
|
||||
</div>
|
||||
</div>
|
||||
@ -32,7 +32,7 @@ export default function Gallery() {
|
||||
<div className="image-box">
|
||||
<img src="/assets/images/home/categories/milkshakes.webp" alt="" />
|
||||
<div className="overlay-box">
|
||||
<h6><Link href="#">Milk Shakes</Link></h6>
|
||||
<h6>Milk Shakes</h6>
|
||||
{/* <div className="title">Us percipit urbanitas referrentur ea.</div> */}
|
||||
</div>
|
||||
</div>
|
||||
@ -44,7 +44,7 @@ export default function Gallery() {
|
||||
<div className="image-box">
|
||||
<img src="/assets/images/home/categories/poutine.webp" alt="" />
|
||||
<div className="overlay-box">
|
||||
<h6><Link href="#">Poutine</Link></h6>
|
||||
<h6>Poutine</h6>
|
||||
{/* <div className="title">Us percipit urbanitas referrentur ea.</div> */}
|
||||
</div>
|
||||
</div>
|
||||
@ -63,7 +63,7 @@ export default function Gallery() {
|
||||
<div className="image-box">
|
||||
<img src="/assets/images/home/categories/salads.webp" alt="" />
|
||||
<div className="overlay-box">
|
||||
<h6><Link href="#">Salads</Link></h6>
|
||||
<h6>Salads</h6>
|
||||
{/* <div className="title">Us percipit urbanitas referrentur ea.</div> */}
|
||||
</div>
|
||||
</div>
|
||||
@ -79,7 +79,7 @@ export default function Gallery() {
|
||||
<div className="image-box">
|
||||
<img src="/assets/images/home/categories/shawarma.webp" alt="" />
|
||||
<div className="overlay-box">
|
||||
<h6><Link href="#">Shawarma Wraps</Link></h6>
|
||||
<h6>Shawarma Wraps</h6>
|
||||
{/* <div className="title">Us percipit urbanitas referrentur ea.</div> */}
|
||||
</div>
|
||||
</div>
|
||||
@ -94,7 +94,7 @@ export default function Gallery() {
|
||||
<div className="image-box">
|
||||
<img src="/assets/images/home/categories/dosa.webp" alt="" />
|
||||
<div className="overlay-box">
|
||||
<h6><Link href="#">Dosa</Link></h6>
|
||||
<h6>Dosa</h6>
|
||||
{/* <div className="title">Us percipit urbanitas referrentur ea.</div> */}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -22,12 +22,12 @@ export default function Specials() {
|
||||
<div className="special-block col-lg-3 col-md-4 col-sm-6 col-12">
|
||||
<div className="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
|
||||
<div className="image">
|
||||
<Link href="#"><img src="/assets/images/home/special/chicken65-dry.webp" alt="" /></Link>
|
||||
<img src="/assets/images/home/special/chicken65-dry.webp" alt="" />
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="clearfix">
|
||||
<div className="pull-left">
|
||||
<h6><Link href="#">Chicken 65 dry</Link></h6>
|
||||
<h6 className="spec">Chicken 65 dry</h6>
|
||||
</div>
|
||||
</div>
|
||||
<div className="text">
|
||||
@ -40,12 +40,12 @@ export default function Specials() {
|
||||
<div className="special-block col-lg-3 col-md-4 col-sm-6 col-12">
|
||||
<div className="inner-box wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
|
||||
<div className="image">
|
||||
<Link href="#"><img src="/assets/images/home/special/chicken65-wet.webp" alt="" /></Link>
|
||||
<img src="/assets/images/home/special/chicken65-wet.webp" alt="" />
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="clearfix">
|
||||
<div className="pull-left">
|
||||
<h6><Link href="#">Chicken 65 wet</Link></h6>
|
||||
<h6 className="spec">Chicken 65 wet</h6>
|
||||
</div>
|
||||
</div>
|
||||
<div className="text">
|
||||
@ -58,12 +58,12 @@ export default function Specials() {
|
||||
<div className="special-block col-lg-3 col-md-4 col-sm-6 col-12">
|
||||
<div className="inner-box wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
|
||||
<div className="image">
|
||||
<Link href="#"><img src="/assets/images/home/special/chicken65-biryani.webp" alt="" /></Link>
|
||||
<img src="/assets/images/home/special/chicken65-biryani.webp" alt="" />
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="clearfix">
|
||||
<div className="pull-left">
|
||||
<h6><Link href="#">65 Biryani Bowl</Link></h6>
|
||||
<h6 className="spec">65 Biryani Bowl</h6>
|
||||
</div>
|
||||
</div>
|
||||
<div className="text">
|
||||
@ -76,12 +76,12 @@ export default function Specials() {
|
||||
<div className="special-block col-lg-3 col-md-4 col-sm-6 col-12">
|
||||
<div className="inner-box wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
|
||||
<div className="image">
|
||||
<Link href="#"><img src="/assets/images/home/special/mutton-kothu.webp" alt="" /></Link>
|
||||
<img src="/assets/images/home/special/mutton-kothu.webp" alt="" />
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="clearfix">
|
||||
<div className="pull-left">
|
||||
<h6><Link href="#">Mutton Kothu</Link></h6>
|
||||
<h6 className="spec">Mutton Kothu</h6>
|
||||
</div>
|
||||
</div>
|
||||
<div className="text">
|
||||
@ -96,12 +96,12 @@ export default function Specials() {
|
||||
<div className="special-block col-lg-3 col-md-4 col-sm-6 col-12">
|
||||
<div className="inner-box wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
|
||||
<div className="image">
|
||||
<Link href="#"><img src="/assets/images/home/special/veg-kothu.webp" alt="" /></Link>
|
||||
<img src="/assets/images/home/special/veg-kothu.webp" alt="" />
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="clearfix">
|
||||
<div className="pull-left">
|
||||
<h6><Link href="#">Veg Kothu</Link></h6>
|
||||
<h6 className="spec">Veg Kothu</h6>
|
||||
</div>
|
||||
</div>
|
||||
<div className="text">
|
||||
@ -114,12 +114,12 @@ export default function Specials() {
|
||||
<div className="special-block col-lg-3 col-md-4 col-sm-6 col-12">
|
||||
<div className="inner-box wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
|
||||
<div className="image">
|
||||
<Link href="#"><img src="/assets/images/home/special/chicken-kothu.webp" alt="" /></Link>
|
||||
<img src="/assets/images/home/special/chicken-kothu.webp" alt="" />
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="clearfix">
|
||||
<div className="pull-left">
|
||||
<h6><Link href="#">Chicken Kothu</Link></h6>
|
||||
<h6 className="spec">Chicken Kothu</h6>
|
||||
</div>
|
||||
</div>
|
||||
<div className="text">
|
||||
@ -132,12 +132,12 @@ export default function Specials() {
|
||||
<div className="special-block col-lg-3 col-md-4 col-sm-6 col-12">
|
||||
<div className="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
|
||||
<div className="image">
|
||||
<Link href="#"><img src="/assets/images/home/special/mutton-biryani.webp" alt="" /></Link>
|
||||
<img src="/assets/images/home/special/mutton-biryani.webp" alt="" />
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="clearfix">
|
||||
<div className="pull-left">
|
||||
<h6><Link href="#">Mutton Biryani Bowl</Link></h6>
|
||||
<h6 className="spec">Mutton Biryani Bowl</h6>
|
||||
</div>
|
||||
</div>
|
||||
<div className="text">
|
||||
|
||||
@ -32,7 +32,7 @@ export default function Recipe() {
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="category">OnTheFries</div>
|
||||
<h6 className="mb-0"><Link href="/#menu">loaded fries</Link></h6>
|
||||
<h6 className="mb-0">Loaded fries</h6>
|
||||
<div className="text">
|
||||
Price $7.99
|
||||
</div>
|
||||
@ -61,7 +61,7 @@ export default function Recipe() {
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="category">Wings</div>
|
||||
<h6 className="mb-0"><Link href="/#menu">Hot Wings</Link></h6>
|
||||
<h6 className="mb-0">Hot Wings</h6>
|
||||
<div className="text">
|
||||
Price $9.99
|
||||
</div>
|
||||
@ -90,7 +90,7 @@ export default function Recipe() {
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="category">Wings</div>
|
||||
<h6 className="mb-0"><Link href="/#menu">Honey Garlic Chicken</Link></h6>
|
||||
<h6 className="mb-0">Honey Garlic Chicken</h6>
|
||||
<div className="text">
|
||||
Price $9.99
|
||||
</div>
|
||||
|
||||
@ -18,7 +18,7 @@ export default function Menu2() {
|
||||
<div className="icon">
|
||||
<img src="/assets/images/home/3-cards/icon-small-1.webp" alt="" />
|
||||
</div>
|
||||
<h6><Link href="#">Street Flavor</Link></h6>
|
||||
<h6>Street Flavor</h6>
|
||||
<div className="text">Spicy shawarmas, crispy dosas, saucy wings burst with bold, unforgettable street flavor.</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -32,7 +32,7 @@ export default function Menu2() {
|
||||
<div className="icon">
|
||||
<img src="/assets/images/home/3-cards/icon-small-2 .webp" alt="" />
|
||||
</div>
|
||||
<h6><Link href="#">Fresh Ingredients</Link></h6>
|
||||
<h6>Fresh Ingredients</h6>
|
||||
<div className="text">Handpicked vegetables, premium proteins, and authentic masalas elevate each dish.</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -46,7 +46,7 @@ export default function Menu2() {
|
||||
<div className="icon">
|
||||
<img src="/assets/images/home/3-cards/icon-small-3.webp" alt="" />
|
||||
</div>
|
||||
<h6><Link href="#">Quick Service</Link></h6>
|
||||
<h6>Quick Service</h6>
|
||||
<div className="text">Freshly prepared, expertly crafted meals delivered fast without compromising quality.</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1356,3 +1356,18 @@
|
||||
height: 97px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.juice-section .content-column .sec-title .title, h2{
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.separate {
|
||||
background-position: center center !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: contain !important;
|
||||
margin: 10px auto 0 auto !important;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@ -235,7 +235,7 @@
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
height: 164px;
|
||||
height: 123px;
|
||||
z-index: 2;
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
@ -1142,6 +1142,7 @@
|
||||
width: 303px;
|
||||
height: 643px;
|
||||
background-repeat: no-repeat;
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.juice-section .image-column {
|
||||
@ -2832,7 +2833,7 @@
|
||||
.menu-block .inner-box .price-box .price {
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
color: #27272f;
|
||||
color: #cf2d1f;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
padding: 1px 0px 1px 25px;
|
||||
@ -2981,6 +2982,7 @@
|
||||
.gallery-block-two .inner-box .image-box .overlay-box h6 {
|
||||
font-weight: 500;
|
||||
text-transform: uppercase;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.gallery-block-two .inner-box .image-box .overlay-box h6 a {
|
||||
@ -3395,7 +3397,7 @@
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.recipe-block-two .inner-box .lower-content h6 a {
|
||||
.recipe-block-two .inner-box .lower-content h6 {
|
||||
position: relative;
|
||||
color: #27272f;
|
||||
-webkit-transition: all 300ms ease;
|
||||
@ -3444,7 +3446,7 @@
|
||||
}
|
||||
|
||||
.recipe-block-two .inner-box:hover .lower-content .post-info li a,
|
||||
.recipe-block-two .inner-box:hover .lower-content h6 a {
|
||||
.recipe-block-two .inner-box:hover .lower-content h6 {
|
||||
color: #ed7129;
|
||||
}
|
||||
|
||||
@ -5442,6 +5444,7 @@
|
||||
font-weight: 500;
|
||||
margin-bottom: 10px;
|
||||
text-transform: uppercase;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.menu-block-two .inner-box h6 a {
|
||||
@ -5454,7 +5457,7 @@
|
||||
-o-transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.menu-block-two .inner-box:hover h6 a {
|
||||
.menu-block-two .inner-box:hover h6 {
|
||||
color: #cf2d1f;
|
||||
}
|
||||
|
||||
@ -5464,6 +5467,10 @@
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.spec {
|
||||
color: #cf2d1f;
|
||||
}
|
||||
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
|
||||
114
tests/homepage.test.js
Normal file
114
tests/homepage.test.js
Normal file
@ -0,0 +1,114 @@
|
||||
const { Builder, By, until } = require("selenium-webdriver");
|
||||
|
||||
(async function testHomePage() {
|
||||
const driver = await new Builder().forBrowser("chrome").build();
|
||||
|
||||
try {
|
||||
await driver.get("http://localhost:3000/");
|
||||
await driver.wait(until.elementLocated(By.css("body")), 10000);
|
||||
|
||||
// 1. ✅ Page Title Test
|
||||
const title = await driver.getTitle();
|
||||
console.log(`\n📄 Page Title: "${title}" ${title ? "✅" : "❌"}`);
|
||||
|
||||
// 2. ✅ Favicon Check
|
||||
try {
|
||||
const favicon = await driver.findElement(By.css("link[rel='icon']"));
|
||||
const href = await favicon.getAttribute("href");
|
||||
console.log(`🔗 Favicon Found: ${href ? href : "Missing"} ${href ? "✅" : "❌"}`);
|
||||
} catch {
|
||||
console.log("🔗 Favicon - Not Found ❌");
|
||||
}
|
||||
|
||||
// 3. ✅ Section Visibility
|
||||
console.log("\n🔍 Checking Section Visibility...");
|
||||
const sections = [
|
||||
{ name: "Header", selector: ".header-style-two" },
|
||||
{ name: "Hero", selector: ".banner-section" },
|
||||
{ name: "Popular Dishes", selector: "#popular-dishes" },
|
||||
{ name: "Menu Card", selector: ".fluid-section-two" },
|
||||
{ name: "Sixty5 Street Specials", selector: "#sixty5-street-specials" },
|
||||
{ name: "Menu", selector: "#menu" },
|
||||
{ name: "Services", selector: ".menu-page-section" },
|
||||
{ name: "Gallery", selector: "#gallery" },
|
||||
{ name: "Footer", selector: ".footer-style-two" },
|
||||
];
|
||||
|
||||
for (let section of sections) {
|
||||
try {
|
||||
const el = await driver.findElement(By.css(section.selector));
|
||||
const isDisplayed = await el.isDisplayed();
|
||||
console.log(`${section.name} Section - ${isDisplayed ? "Visible ✅" : "Not Visible ❌"}`);
|
||||
} catch {
|
||||
console.log(`${section.name} Section - Not Found ❌`);
|
||||
}
|
||||
}
|
||||
|
||||
// 4. ✅ In-Page Anchor Links
|
||||
console.log("\n🧪 Testing Anchor Navigation Buttons...");
|
||||
const navTests = [
|
||||
{ label: "Explore Menu", selector: "a[href='#menu']", anchorId: "menu" },
|
||||
];
|
||||
|
||||
for (const test of navTests) {
|
||||
try {
|
||||
const link = await driver.findElement(By.css(test.selector));
|
||||
await link.click();
|
||||
await driver.sleep(1000);
|
||||
const target = await driver.findElement(By.css(`#${test.anchorId}`));
|
||||
const isDisplayed = await target.isDisplayed();
|
||||
console.log(`Clicked '${test.label}' ➡️ ${isDisplayed ? "Scrolled Successfully ✅" : "Failed ❌"}`);
|
||||
} catch {
|
||||
console.log(`Clicked '${test.label}' ➡️ Error ❌`);
|
||||
}
|
||||
}
|
||||
|
||||
// 6. ✅ Check All Images on Page
|
||||
console.log("\n🖼️ Checking All Images on Home Page...");
|
||||
try {
|
||||
const images = await driver.findElements(By.css("img"));
|
||||
|
||||
let allLoaded = true;
|
||||
|
||||
for (let i = 0; i < images.length; i++) {
|
||||
const img = images[i];
|
||||
const isLoaded = await driver.executeScript(
|
||||
"return arguments[0].complete && arguments[0].naturalWidth > 0;",
|
||||
img
|
||||
);
|
||||
|
||||
const src = await img.getAttribute("src");
|
||||
if (isLoaded) {
|
||||
console.log(`✅ Image ${i + 1}: ${src}`);
|
||||
} else {
|
||||
console.log(`❌ Image ${i + 1} Not Loaded: ${src}`);
|
||||
allLoaded = false;
|
||||
}
|
||||
}
|
||||
|
||||
if (allLoaded) {
|
||||
console.log("🎉 All images are properly loaded ✅");
|
||||
} else {
|
||||
console.log("⚠️ Some images failed to load ❌");
|
||||
}
|
||||
} catch (e) {
|
||||
console.log("❌ Error during image check:", e.message);
|
||||
}
|
||||
|
||||
// 7. ✅ 404 Page Test
|
||||
console.log("\n🔎 Testing 404 Not Found Page...");
|
||||
await driver.get("http://localhost:3000/thispagedoesnotexist");
|
||||
await driver.sleep(1000);
|
||||
const bodyText = await driver.findElement(By.css("body")).getText();
|
||||
if (bodyText.includes("404") || bodyText.toLowerCase().includes("not found")) {
|
||||
console.log("404 Page - Working ✅");
|
||||
} else {
|
||||
console.log("404 Page - Not Detected ❌");
|
||||
}
|
||||
|
||||
} catch (err) {
|
||||
console.error("❌ Error:", err.message);
|
||||
} finally {
|
||||
await driver.quit();
|
||||
}
|
||||
})();
|
||||
1010
tests/package-lock.json
generated
Normal file
1010
tests/package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
16
tests/package.json
Normal file
16
tests/package.json
Normal file
@ -0,0 +1,16 @@
|
||||
{
|
||||
"name": "tests",
|
||||
"version": "1.0.0",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"keywords": [],
|
||||
"author": "",
|
||||
"license": "ISC",
|
||||
"description": "",
|
||||
"dependencies": {
|
||||
"chromedriver": "^138.0.3",
|
||||
"selenium-webdriver": "^4.34.0"
|
||||
}
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user