Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
99 changes: 51 additions & 48 deletions data.js
Original file line number Diff line number Diff line change
Expand Up @@ -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",
Expand Down
Loading