mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-05-12 16:56:23 +00:00
bbb043c9cc
## Summary <!-- One sentence describing what changed and why. --> Polish and fix UI for new website ## Changes - **What**: <!-- Core functionality added/modified --> - [x] update about video - [x] update Moment factory story content - [x] update homepage visual - [x] update customer story visual - [x] put images and videos to bucket ## Review Focus <!-- Critical design decisions or edge cases that need attention --> <!-- If this PR fixes an issue, uncomment and update the line below --> <!-- Fixes #ISSUE_NUMBER --> ## Screenshots (if applicable) <!-- Add screenshots or video recording to help explain your changes --> ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-11363-feat-website-Polish-and-fix-UI-3466d73d365081f895aff84b594450c9) by [Unito](https://www.unito.io) --------- Co-authored-by: DrJKL <DrJKL0424@gmail.com> Co-authored-by: Amp <amp@ampcode.com> Co-authored-by: GitHub Action <action@github.com> Co-authored-by: Alexander Brown <drjkl@comfy.org> Co-authored-by: github-actions <github-actions@github.com>
51 lines
1.7 KiB
TypeScript
51 lines
1.7 KiB
TypeScript
import { expect } from '@playwright/test'
|
|
|
|
import { test } from './fixtures/blockExternalMedia'
|
|
|
|
test.describe('Desktop layout @smoke', () => {
|
|
test.beforeEach(async ({ page }) => {
|
|
await page.goto('/')
|
|
})
|
|
|
|
test('navigation links visible and hamburger hidden', async ({ page }) => {
|
|
const nav = page.getByRole('navigation', { name: 'Main navigation' })
|
|
const desktopLinks = nav.getByTestId('desktop-nav-links')
|
|
await expect(desktopLinks.getByText('PRODUCTS').first()).toBeVisible()
|
|
await expect(desktopLinks.getByText('PRICING').first()).toBeVisible()
|
|
|
|
await expect(page.getByRole('button', { name: 'Toggle menu' })).toBeHidden()
|
|
})
|
|
|
|
test('product cards in grid layout', async ({ page }) => {
|
|
const section = page.locator('section', {
|
|
has: page.getByRole('heading', { name: /The AI creation/ })
|
|
})
|
|
const cards = section.locator('a[href]')
|
|
await expect(cards).toHaveCount(4)
|
|
|
|
const firstBox = await cards.nth(0).boundingBox()
|
|
const secondBox = await cards.nth(1).boundingBox()
|
|
|
|
expect(firstBox, 'first card bounding box').not.toBeNull()
|
|
expect(secondBox, 'second card bounding box').not.toBeNull()
|
|
expect(firstBox!.y).toBeCloseTo(secondBox!.y, 0)
|
|
})
|
|
})
|
|
|
|
test.describe('Mobile layout @mobile', () => {
|
|
test.beforeEach(async ({ page }) => {
|
|
await page.goto('/')
|
|
})
|
|
|
|
test('hamburger visible and desktop nav hidden', async ({ page }) => {
|
|
await expect(
|
|
page.getByRole('button', { name: 'Toggle menu' })
|
|
).toBeVisible()
|
|
})
|
|
|
|
test('SocialProofBar shows two marquee rows on mobile', async ({ page }) => {
|
|
const mobileContainer = page.getByTestId('social-proof-mobile')
|
|
await expect(mobileContainer).toBeVisible()
|
|
})
|
|
})
|