feat: prayertimes.dev Playwright demo video pipeline - #4
Draft
element-software with Copilot wants to merge 2 commits into
Draft
element-software with Copilot wants to merge 2 commits into
element-software with Copilot wants to merge 2 commits into
Conversation
- playwright.prayertimes.config.ts: Playwright config targeting app.prayertimes.dev - e2e/prayertimes-demo.spec.ts: desktop+mobile combined 1920×1080 journey spec (6 slides) - e2e/prayertimes-demo-mobile.spec.ts: mobile-only vertical reel 1080×1920 spec (6 slides) - demo.prayertimes.config.mjs: render config for combined MP4 output - demo.prayertimes-mobile.config.mjs: render config for mobile reel MP4 output - package.json: added prayertimes:demo and prayertimes:reel scripts
Copilot
AI
changed the title
feat: add prayertimes.dev demo video specs and render configs
feat: prayertimes.dev Playwright demo video pipeline
May 29, 2026
Copilot created this pull request from a session on behalf of
element-software
May 29, 2026 01:41
View session
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Adds a complete Playwright-based demo video capture and render pipeline for
https://app.prayertimes.dev, producing both a 1920×1080 desktop+mobile composite and a 1080×1920 vertical reel.New files
playwright.prayertimes.config.ts— config targeting the live app directly; no webServer;DEMO_BASE_URLenv override supportede2e/prayertimes-demo.spec.ts— 6-slide spec capturing dual desktop (1440×900) + mobile (480×960) clips, composited into branded 1920×1080 framese2e/prayertimes-demo-mobile.spec.ts— same 6 slides, mobile-only, composited into branded 1080×1920 phone-frame reeldemo.prayertimes.config.mjs/demo.prayertimes-mobile.config.mjs— render configs pointing at the respective manifest paths and output MP4sJourney (6 slides)
home→product-tour→location-search→monthly-calendar→calculation-settings→qibla-compassThe tour slide uses multi-library fallback selectors (Shepherd, Driver.js, Intro.js, Joyride, custom) since the tour library is unknown. All interactions are resilient with
try/catchdegradation.Branding
Deep navy
#060d1abackground, emerald#34d399accent. Inline SVG crescent-moon logo — no external asset dependency. Reusesdemo/branding/soundtrack.mp3.Scripts added to
package.jsonBoth specs follow the existing
test.skip(!!process.env.CI, …)convention.