diff --git a/data.js b/data.js index 033ad3e..2468ff1 100644 --- a/data.js +++ b/data.js @@ -918,99 +918,102 @@ const PRODUCTS = [ iconSvg: "icons/icon-12.svg", videos: [ { - id: "apppercy-1", title: "App Percy - API Integration", youtubeId: "", duration: "04:29", + id: "apppercy-1", title: "App Percy - API Integration", youtubeId: "https://youtu.be/mTL3f0e-JeY", duration: "04:20", description: "Learn how to use APIs to seamlessly integrate and manage App Percy visual testing within your custom workflows.", - docs: [], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] + docs: [{ label: "API Integration", url: "https://www.browserstack.com/docs/app-percy/api-reference/overview" }], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] }, { - id: "apppercy-2", title: "App Percy - Base Build Selection", youtubeId: "", duration: "12:46", + id: "apppercy-2", title: "App Percy - Base Build Selection", youtubeId: "https://youtu.be/CWzoQMMDcds", duration: "12:47", description: "Understand the logic behind how App Percy selects base builds for visual comparisons and how to configure it for your team.", - docs: [], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] - }, - { - id: "apppercy-3", title: "App Percy - Baseline Management", youtubeId: "", duration: "06:28", - description: "Discover best practices and strategies to efficiently manage, update, and approve visual baselines for your mobile apps.", - docs: [], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] + docs: [{ label: "Base Build Selection", url: "https://www.browserstack.com/docs/app-percy/visual-testing-workflows/baseline-management/git" }], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] }, { - id: "apppercy-4", title: "App Percy - Boost Performance", youtubeId: "", duration: "02:30", + id: "apppercy-3", title: "App Percy - Boost Performance", youtubeId: "https://youtu.be/BquIqYFp4Ic", duration: "02:31", description: "Learn actionable tips and techniques to optimize configuration and speed up the execution of your visual test suites.", - docs: [], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] + docs: [{ label: "Boost Performance", url: "https://www.browserstack.com/docs/app-percy/visual-testing-workflows/view-app-percy-build-results/performance" }], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] }, { - id: "apppercy-5", title: "App Percy - Bring Your Own Screenshots", youtubeId: "", duration: "01:50", + id: "apppercy-4", title: "App Percy - Bring Your Own Screenshots", youtubeId: "https://youtu.be/UqBgGGS86Gs", duration: "01:51", description: "See how to upload and visually test screenshots captured directly from your own custom device infrastructure.", - docs: [], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] + docs: [{ label: "Bring Your Own Screenshots", url: "https://www.browserstack.com/docs/app-percy/advanced/byos" }], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] }, { - id: "apppercy-6", title: "App Percy - CI/CD Integration", youtubeId: "", duration: "03:44", + id: "apppercy-5", title: "App Percy - CI/CD Integration", youtubeId: "https://youtu.be/t-kSJmJSqKQ", duration: "03:45", description: "Seamlessly incorporate App Percy into your CI/CD pipelines to automatically catch visual bugs on every code commit.", - docs: [], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] + docs: [{ label: "CI/CD Integration", url: "https://www.browserstack.com/docs/app-percy/ci-cd" }], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] }, { - id: "apppercy-7", title: "App Percy - Feature to Stabilize Tests", youtubeId: "", duration: "02:44", + id: "apppercy-6", title: "App Percy - Feature to Stabilize Tests", youtubeId: "https://youtu.be/ADLyqvIsBn8", duration: "02:45", description: "Learn how to use built-in stabilization features to reduce flakiness and eliminate false positives in your visual tests.", - docs: [], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] + docs: [{ label: "Feature to Stabilize Tests", url: "https://www.browserstack.com/docs/app-percy/stabilize-screenshots/overview" }], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] }, { - id: "apppercy-8", title: "App Percy - Group Snapshots", youtubeId: "", duration: "03:46", + id: "apppercy-7", title: "App Percy - Group Snapshots", youtubeId: "https://youtu.be/Fd0csoYiiSQ", duration: "03:47", description: "Discover how to intelligently group related application snapshots together to streamline your team's visual review process.", - docs: [], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] + docs: [{ label: "Group Snapshots", url: "https://www.browserstack.com/docs/app-percy/visual-testing-workflows/view-app-percy-build-results/group-snapshot-by-test-case-name" }], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] }, { - id: "apppercy-9", title: "App Percy - Partial Build Management", youtubeId: "", duration: "02:12", + id: "apppercy-8", title: "App Percy - Partial Build Management", youtubeId: "https://youtu.be/88HWFQdzEXc", duration: "02:13", description: "Learn how to handle and review partial builds effectively when only specific components of your app are updated.", - docs: [], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] + docs: [{ label: "Partial Build Management", url: "https://www.browserstack.com/docs/app-percy/visual-testing-workflows/baseline-management/partial-builds" }], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] }, { - id: "apppercy-10", title: "App Percy - Run on your own Devices", youtubeId: "", duration: "03:58", + id: "apppercy-9", title: "App Percy - Run on your own Devices", youtubeId: "https://youtu.be/dYIYVl134CI", duration: "03:59", description: "Understand how to execute App Percy visual tests leveraging your locally hosted or in-house physical mobile devices.", - docs: [], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] + docs: [{ label: "Run on your own Devices", url: "https://www.browserstack.com/docs/app-percy/advanced/byos" }], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] }, { - id: "apppercy-11", title: "App Percy - Baseline Management for Visual Testing", youtubeId: "", duration: "04:01", - description: "Get an in-depth walkthrough on managing and maintaining robust baselines specifically tailored for mobile app visual testing.", - docs: [], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] + id: "apppercy-10", title: "App Percy - Baseline Management for Git ", youtubeId: "https://youtu.be/wCC1Aju2Hmw", duration: "06:29", + description: "Discover best practices and strategies to efficiently manage, update, and approve visual baselines for your mobile apps using Git", + docs: [{ label: "Baseline Management for Git", url: "https://www.browserstack.com/docs/app-percy/visual-testing-workflows/baseline-management/git" }], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] }, { - id: "apppercy-12", title: "BrowserStack AppPercy Integration", youtubeId: "", duration: "03:18", - description: "Learn how to natively integrate App Percy visual testing directly into your existing BrowserStack App Automate test scripts.", - docs: [], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] - }, - { - id: "apppercy-13", title: "Cherry Picking Baseline - App Percy", youtubeId: "", duration: "02:07", + id: "apppercy-11", title: "App Percy - Cherry Picking Baseline", youtubeId: "https://youtu.be/jBNEm2XwP5E", duration: "02:08", description: "Discover how to selectively cherry-pick specific approved snapshots to update your baseline builds without running a full suite.", - docs: [], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] + docs: [{ label: "Cherry Picking Baseline", url: "https://www.browserstack.com/docs/app-percy/visual-testing-workflows/baseline-management/overview" }], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] }, { - id: "apppercy-14", title: "Diff Highlighter - App Percy", youtubeId: "", duration: "01:23", + id: "apppercy-12", title: "Diff Highlighter - App Percy", youtubeId: "https://youtu.be/Oj96lSQuIFk", duration: "01:24", description: "See how the visual diff highlighter effortlessly points out pixel-level changes and rendering differences in your mobile app UI.", - docs: [], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] + docs: [{ label: "Integrate with SDK", url: "https://www.browserstack.com/docs/app-percy/visual-testing-workflows/view-app-percy-build-results/diff-highlighter" }], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] }, { - id: "apppercy-15", title: "FullPage Screenshots in BrowserStack App Percy", youtubeId: "", duration: "01:51", - description: "Learn how to capture and test full-length, scrollable page screenshots within your native mobile applications.", - docs: [], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] + id: "apppercy-13", title: "App Percy - Visual tests on hybrid apps", youtubeId: "https://youtu.be/l9af8OH5bVU", duration: "01:51", + description: "Learn how to perform visual testing on Hybrid Apps using App Percy.", + docs: [{ label: "Visual tests on hybrid apps", url: "https://www.browserstack.com/docs/app-percy/advanced/running-with-hybrid-apps" }], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] }, { - id: "apppercy-16", title: "Github Integration with BrowserStack App Percy", youtubeId: "", duration: "02:48", - description: "Integrate App Percy with GitHub to automatically post visual review statuses and build insights directly on your pull requests.", - docs: [], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] + id: "apppercy-14", title: "App Percy - Baseline Management for Visual Git", youtubeId: "https://youtu.be/GD8SxIFTgFU", duration: "04:02", + description: "Discover best practices and strategies to efficiently manage, update, and approve visual baselines for your mobile apps using Visual Git", + docs: [{ label: "Baseline Management for Visual Git", url: "https://www.browserstack.com/docs/app-percy/visual-testing-workflows/baseline-management/visual-git" }], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] }, { - id: "apppercy-17", title: "Ignoring Dynamic Elements in App Percy", youtubeId: "", duration: "02:12", - description: "See how to automatically or manually ignore dynamic content like timestamps, shifting data, or ads to prevent false failures.", - docs: [], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] + id: "apppercy-15", title: "App Percy - Integration with App Automate", youtubeId: "https://youtu.be/l6Nwz92aFlQ", duration: "03:19", + description: "Learn how to natively integrate App Percy visual testing directly into your existing BrowserStack App Automate test scripts.", + docs: [{ label: "Integration with App Automate", url: "https://www.browserstack.com/docs/app-percy/appium/get-started?fw-lang=java" }], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] }, { - id: "apppercy-18", title: "Ignoring regions in BrowserStack App Percy", youtubeId: "", duration: "01:43", + id: "apppercy-16", title: "App Percy - Full Page Screenshots", youtubeId: "https://youtu.be/0N6Q4d2F-MY", duration: "01:52", + description: "Learn how to capture and test full-length, scrollable page screenshots within your native mobile applications.", + docs: [{ label: "Full Page Screenshots", url: "https://www.browserstack.com/docs/app-percy/advanced/full-page-ss" }], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] + }, + { + id: "apppercy-17", title: "App Percy - Integrate with Github", youtubeId: "https://youtu.be/ELHT2anvXwU", duration: "02:49", + description: "Integrate App Percy with GitHub to automatically post visual review statuses and build insights directly on your pull requests.", + docs: [{ label: "Integrate with Github", url: "https://www.browserstack.com/docs/app-percy/bug-tracking/github" }], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] + }, + { + id: "apppercy-18", title: "App Percy - Ignoring Regions", youtubeId: "https://youtu.be/hmYTpskpSGk", duration: "01:44", description: "Learn how to explicitly draw ignore regions to exclude specific UI areas from visual comparisons during test runs.", - docs: [], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] + docs: [{ label: "Ignoring Regions", url: "https://www.browserstack.com/docs/app-percy/set-regions/overview" }], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] }, + // { + // id: "apppercy-19", title: "Ignoring Dynamic Elements in App Percy", youtubeId: "", duration: "02:12", + // description: "See how to automatically or manually ignore dynamic content like timestamps, shifting data, or ads to prevent false failures.", + // docs: [{ label: "Integrate with SDK", url: "https://www.browserstack.com/docs/automate/playwright/get-started?fw-lang=nodejs" }], links: [{ label: "Contact BrowserStack Support", url: "https://www.browserstack.com/contact?ref=helpdesk-bottom-contact-us-cta" }] + // }, ], }, - - { id: "test-companion", name: "Test Companion",