diff --git a/src/components/LiteYouTube/index.tsx b/src/components/LiteYouTube/index.tsx index 4b3b351f991..88eb1c256b4 100644 --- a/src/components/LiteYouTube/index.tsx +++ b/src/components/LiteYouTube/index.tsx @@ -33,7 +33,7 @@ function LiteYouTube({ id, title, thumbnail }: ProfileProps) { id={id} params="autoplay=1&autohide=1&showinfo=0&rel=0" title={title} - poster="maxresdefault" + poster="hqdefault" webp /> diff --git a/src/data/conference-videos.tsx b/src/data/conference-videos.tsx index 40e96d044c2..7f86907693d 100644 --- a/src/data/conference-videos.tsx +++ b/src/data/conference-videos.tsx @@ -1,6 +1,22 @@ import { Video } from './types'; const conferenceVideos: Video[] = [ + { + title: "Advanced Playwright Debugging and Test Resilience", + id: 'zyOJfGtJ3Rw', + year: '2025', + conference: 'Microsoft Build', + language: 'English', + speakers: ['Debbie O\'Brien ', 'Max Schmitt'] + }, + { + title: "Advanced Playwright Techniques for Flawless Testing", + id: 'ybYK9jM0lco', + year: '2024', + conference: 'NDC Copenhagen', + language: 'English', + speakers: ['Debbie O\'Brien'] + }, { title: "Advanced Playwright Techniques for Flawless Testing", id: 'O0TeeSbQPWY', diff --git a/src/data/feature-videos.tsx b/src/data/feature-videos.tsx index 9932136e65a..47dd764a8ac 100644 --- a/src/data/feature-videos.tsx +++ b/src/data/feature-videos.tsx @@ -1,4 +1,10 @@ const featureVideos = [ + { + title: 'Debugging with AI', + description: '', + id: 'Ec_3h5Q8RHY', + year: '2025', + }, { title: 'API Mocking', description: '', diff --git a/src/data/learn-videos.tsx b/src/data/learn-videos.tsx index 906d7cc0128..b4abc53ddae 100644 --- a/src/data/learn-videos.tsx +++ b/src/data/learn-videos.tsx @@ -1,6 +1,36 @@ import { Video } from './types'; const learnVideos: Video[] = [ + { + title: 'Handling Visibility in Playwright: getByText vs. getByRole', + description: '', + id: '4w0W8qYub2U', + year: '2025', + }, + { + title: 'How to trigger flaky Playwright tests locally after they fail on CI', + description: '', + id: '0dHDmSjx55o', + year: '2025', + }, + { + title: 'Playwright Assertions: Avoid Race Conditions with This Simple Fix!', + description: '', + id: '1VxkHP8vfGg', + year: '2025', + }, + { + title: 'Getting started with ARIA Snapshots', + description: '', + id: 'P4R6hnsE0UY', + year: '2024', + }, + { + title: 'How to test dynamic content in Playwright with API mocking', + description: '', + id: 'kvGszYAYQ6M', + year: '2024', + }, { title: 'How to Run Tests in Playwright with the VS Code Extension', description: '', diff --git a/src/data/live-streams.tsx b/src/data/live-streams.tsx index 1977319db66..eb9110d76e8 100644 --- a/src/data/live-streams.tsx +++ b/src/data/live-streams.tsx @@ -1,4 +1,37 @@ const liveStreams = [ + + { + title: 'Testing with AI using Playwright MCP (Model Context Protocol) + Live Demo', + description: '', + id: 'CNzg1aPwrKI', + year: '2025', + host: 'Playwright Live', + speakers: ["Debbie O'Brien", "Simon Knott"] + }, + { + title: 'Community updates and Playwright MCP Server', + description: '', + id: 'P-JVscQW5AE', + year: '2025', + host: 'Playwright Live', + speakers: ["Debbie O'Brien", "Ben Fellows", "Jean-Francois"] + }, + { + title: 'Playwright Live: Exploring the Latest Features!', + description: '', + id: 'NcSk9fOGEac', + year: '2025', + host: 'Playwright Live', + speakers: ["Debbie O'Brien", "Simon Knott"] + }, + { + title: 'Playwright community updates and more', + description: '', + id: 'YH1tJs2GcUM', + year: '2025', + host: 'Playwright Live', + speakers: ["Debbie O'Brien", "Ben Fellows"] + }, { title: 'Testing with Playwright, Epic React testing tab, Epic web testing course and more', description: '', diff --git a/src/data/mcp-videos.tsx b/src/data/mcp-videos.tsx new file mode 100644 index 00000000000..819d21bd726 --- /dev/null +++ b/src/data/mcp-videos.tsx @@ -0,0 +1,16 @@ +const mcpVideos = [ + { + title: 'How to Generate Playwright Tests using MCP + GitHub Copilot', + description: '', + id: 'AaCj939XIQ4', + year: '2025', + }, + { + title: 'Playwright MCP: How AI Agents Can Control Your Browser', + description: '', + id: '2716IUeCIQo', + year: '2025', + }, +]; + +export default mcpVideos; diff --git a/src/data/release-videos.tsx b/src/data/release-videos.tsx index db9fb6a6e95..3b4d5c8924b 100644 --- a/src/data/release-videos.tsx +++ b/src/data/release-videos.tsx @@ -1,6 +1,16 @@ import { Video } from './types'; const releaseVideos: Video[] = [ + { + version: '1.51', + id: "-xWHilObrS0", + highlights: ['copy prompt', 'git info', 'firebase auth', 'test steps'], + }, + { + version: '1.49', + id: "S5wCft-ImKk", + highlights: ['aria snapshots', 'chrome headless'], + }, { version: '1.48', id: "VGlkSBkMVCQ", diff --git a/src/data/video-nav.tsx b/src/data/video-nav.tsx index dfb8bdca0b1..944c6b9d4bf 100644 --- a/src/data/video-nav.tsx +++ b/src/data/video-nav.tsx @@ -18,6 +18,10 @@ const videoNav = [ { label: 'Learn Videos', href: '/community/learn-videos' + }, + { + label: 'MCP Videos', + href: '/community/mcp-videos' } ]; diff --git a/src/pages/community/mcp-videos.tsx b/src/pages/community/mcp-videos.tsx new file mode 100644 index 00000000000..2c9f1883086 --- /dev/null +++ b/src/pages/community/mcp-videos.tsx @@ -0,0 +1,39 @@ +/** + * Copyright (c) Microsoft Corporation. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import React from 'react'; +import Layout from '@theme/Layout'; +import VideoCards from '@site/src/components/VideoCards'; +import PageHeader from '@site/src/components/PageHeader'; +import Navigation from '@site/src/components/Navigation'; + +import videoNav from '@site/src/data/video-nav'; +import mcpVideos from '@site/src/data/mcp-videos'; + +const TITLE = 'MCP Videos'; +const DESCRIPTION = 'Learn about Model Context Protocol (MCP) integration with Playwright'; + +export default function Video(): React.ReactElement { + return ( + +
+ + + +
+ + ); +}