Skip to content

chore(button): update snapshots for the ios sync - #31666

Open
thetaPC wants to merge 27 commits into
FW-6838-ios-syncfrom
FW-6838-ios-sync-snapshots
Open

thetaPC wants to merge 27 commits into
FW-6838-ios-syncfrom
FW-6838-ios-sync-snapshots

Conversation

@thetaPC

@thetaPC thetaPC commented Oct 28, 2026 •

Copy link
Copy Markdown
Contributor

Issue number: resolves internal


What is the current behavior?

The ios button snapshots show the button before the iOS 17 sync in #31645.

What is the new behavior?

Updated ios snapshots for #31645: the new label sizes and weight, smaller icons, gray disabled buttons, icon-sized spinners, and filled pressed outline buttons in toolbars.

Does this introduce a breaking change?

  • Yes
  • No

Other information

Only ios snapshots change. md and ionic are untouched.

Some of these files matched main before this round, so their diffs also include changes from the PRs below this one in the stack (#31628 and #31636), not only from #31645.

Ionitron and others added 19 commits October 23, 2026 22:25
…nic-framework into FW-6838-ios-sync-snapshots
…os-sync-snapshots

# Conflicts:
#	core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ios-ltr-Mobile-Chrome-linux.png
#	core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ios-ltr-Mobile-Firefox-linux.png
#	core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ios-ltr-Mobile-Safari-linux.png
#	core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ios-rtl-Mobile-Chrome-linux.png
#	core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ios-rtl-Mobile-Firefox-linux.png
#	core/src/components/button/test/basic/button.e2e.ts-snapshots/button-diff-ios-rtl-Mobile-Safari-linux.png
#	core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ios-ltr-Mobile-Chrome-linux.png
#	core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ios-ltr-Mobile-Firefox-linux.png
#	core/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ios-ltr-Mobile-Safari-linux.png
#	core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ios-ltr-Mobile-Chrome-linux.png
#	core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ios-ltr-Mobile-Firefox-linux.png
#	core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ios-ltr-Mobile-Safari-linux.png
#	core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ios-rtl-Mobile-Chrome-linux.png
#	core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ios-rtl-Mobile-Firefox-linux.png
#	core/src/components/button/test/outline/button.e2e.ts-snapshots/button-outline-ios-rtl-Mobile-Safari-linux.png
…os-sync-snapshots

# Conflicts:
#	core/src/components/button/test/size/button.e2e.ts-snapshots/button-size-ios-ltr-Mobile-Chrome-linux.png
#	core/src/components/button/test/size/button.e2e.ts-snapshots/button-size-ios-ltr-Mobile-Firefox-linux.png
#	core/src/components/button/test/size/button.e2e.ts-snapshots/button-size-ios-ltr-Mobile-Safari-linux.png
…FW-6838-ios-sync

# Conflicts:
#	core/src/components/back-button/test/toolbar/back-button.e2e.ts-snapshots/back-button-toolbar-ios-ltr-Mobile-Safari-linux.png
#	core/src/components/back-button/test/toolbar/back-button.e2e.ts-snapshots/back-button-toolbar-ios-rtl-Mobile-Chrome-linux.png
#	core/src/components/back-button/test/toolbar/back-button.e2e.ts-snapshots/back-button-toolbar-ios-rtl-Mobile-Firefox-linux.png
@thetaPC thetaPC added the package: core @ionic/core package label Oct 28, 2026
@vercel

vercel Bot commented Oct 28, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
ionic-framework Ready Ready Preview Nov 5, 2026 12:32am UTC

Request Review

@thetaPC
thetaPC marked this pull request as ready for review October 29, 2026 16:00
@thetaPC
thetaPC requested a review from a team as a code owner October 29, 2026 16:00
@thetaPC
thetaPC requested a review from ShaneK October 29, 2026 16:00
thetaPC and others added 2 commits October 29, 2026 10:57
…os-sync-snapshots

# Conflicts:
#	core/src/components/title/test/basic/title.e2e.ts-snapshots/title-basic-ios-ltr-Mobile-Chrome-linux.png

@ShaneK ShaneK left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good, the ios changes all line up with #31645! Just a few things, mainly the datetime snapshots that'll need regenerating once the #31645 fixes are in.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This shows the month arrows at full blue while everything else is faded, from the disabled arrow issue on #31645. The readonly snapshots have the gray Cancel and Done too, so these datetime files will need regenerating once those are fixed.

@thetaPC thetaPC Nov 5, 2026 •

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Regenerated in e9e2a50 now that the #31645 fixes are in. The disabled datetime's arrows are gray with the rest, and the readonly buttons are primary again.

In the readonly snapshot, the next month arrow is disabled on purpose: the test sets max to February 20, so there's no March to go to. next disables it too and shows it faded, and here it uses the new ios disabled color.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

About 35 of the files in this PR, like this one, had the same bytes as main before, so their diffs include changes from earlier in the stack and not just the ios sync. They look right, but could you mention that in the PR body so reviewers don't credit them to #31645?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Added a note to the description so reviewers know those diffs come from #31628 and #31636, not this PR.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This md file is back to the same bytes as main, which undoes the flaky Safari capture from #31637. That's the right end state, but it'd be cleaner to drop it from #31637 instead and leave it out of this one.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Dropped from #31637 instead, so after merging it up this file matches #31645 and is no longer part of this PR.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

At 135% the icon gets a bit smaller, 29x29 down to 27x27. The default scale didn't change, so I think it's the new 1.2em icon size, but is that expected?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Expected. It isn't the 1.2em icon token: an icon-only icon in ion-buttons stays 1.65em of the button font, and this test renders ion-buttons outside a toolbar, so the button uses the default font size, which went from 16px to 15px in the iOS 17 sync (listed in BREAKING.md). That's the same 15/16 ratio as 29px to 27px, and it shows at 100% too. Inside a toolbar the button keeps 17px, so the icon there is unchanged at both scales.

…os-sync-snapshots

# Conflicts:
#	core/src/components/button/test/spinner/button.e2e.ts-snapshots/button-spinner-ios-ltr-Mobile-Chrome-linux.png
#	core/src/components/button/test/spinner/button.e2e.ts-snapshots/button-spinner-ios-ltr-Mobile-Firefox-linux.png
#	core/src/components/button/test/spinner/button.e2e.ts-snapshots/button-spinner-ios-ltr-Mobile-Safari-linux.png

This branch was successfully deployed

1 active deployment
Preview — 21e1ec48 Deployed Nov 5, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

package: core @ionic/core package

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants