test(breadcrumbs): update Playwright tests to use setContent

[brandyscarney]

Blocks #30513

---

The latest Playwright update in #30513 exposed an issue in Safari where dynamically setting the RTL direction on the document no longer works. This causes the Breadcrumbs screenshots to fail because they are not flipping the arrow icon.

This PR converts the Breadcrumbs e2e tests to use setContent which works properly with RTL and also breaks the tests up more so they aren't one giant screenshot.

• The Basic test has been updated to focus mainly on the default breadcrumbs without any colors or collapsed breadcrumbs.
• The Collapsed test has been updated to remove some of the duplicated examples and ported over one from the basic test.
• The Color test was added which focuses on setting different colors on the Breadcrumbs / Breadcrumb and moves this out of the basic test.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
ionic-framework	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 30, 2025 2:55pm

[brandyscarney]

Some of these could probably be removed as screenshots and just check the count on the visible breadcrumbs. LMK if you think there are too many screenshots here.

[ShaneK]

I think a lot of these could just be programmatic tests, but also they're probably fine as visual regression tests like this. I'm fine either way. I do like this much more granular approach to visually testing them though!

[ShaneK]

That is a lot of screenshots, but all the tests make sense to me and I really prefer this change. Great job!