Skip to content

Update the store permission error notices to match the new design.#13115

Open
JakePT wants to merge 4 commits into
developfrom
enhancement/12382-error-notice-design
Open

Update the store permission error notices to match the new design.#13115
JakePT wants to merge 4 commits into
developfrom
enhancement/12382-error-notice-design

Conversation

@JakePT

@JakePT JakePT commented Jul 15, 2026

Copy link
Copy Markdown
Collaborator

Summary

Addresses issue:

Relevant technical choices

The IB called for new tests in assets/js/components/ErrorNotice.test.js but I couldn't identify any new functionality worth testing. The only change to this component is support for the title prop which is adequately tested by the new story in assets/js/components/ErrorNotice.stories.js. The logic around the feature flag and which design to use is contained in assets/js/components/StoreErrorNotices.js, so that's covered by the new tests in assets/js/components/StoreErrorNotices.test.js.

PR Author Checklist

  • My code is tested and passes existing unit tests.
  • My code has an appropriate set of unit tests which all pass.
  • My code is backward-compatible with WordPress 5.2 and PHP 7.4.
  • My code follows the WordPress coding standards.
  • My code has proper inline documentation.
  • I have added a QA Brief on the issue linked above.
  • I have signed the Contributor License Agreement (see https://cla.developers.google.com/).

Do not alter or remove anything below. The following sections will be managed by moderators only.

Code Reviewer Checklist

  • Run the code.
  • Ensure the acceptance criteria are satisfied.
  • Reassess the implementation with the IB.
  • Ensure no unrelated changes are included.
  • Ensure CI checks pass.
  • Check Storybook where applicable.
  • Ensure there is a QA Brief.
  • Ensure there are no unexpected significant changes to file sizes.

Merge Reviewer Checklist

  • Ensure the PR has the correct target branch.
  • Double-check that the PR is okay to be merged.
  • Ensure the corresponding issue has a ZenHub release assigned.
  • Add a changelog message to the issue.

@github-actions

github-actions Bot commented Jul 15, 2026

Copy link
Copy Markdown

🤖 This comment is automatically updated by CI workflows. Each section is managed independently.

🎭 Playwright reports for 71c9489:

📚 Storybook for 71c9489:

📦 Build files for 71c9489:

@JakePT
JakePT marked this pull request as ready for review July 15, 2026 03:37
@github-actions

github-actions Bot commented Jul 16, 2026

Copy link
Copy Markdown

Size Change: 0 B

Total Size: 3.71 MB

ℹ️ View Unchanged
Filename Size Change
dist/assets/blocks/reader-revenue-manager/block-editor-plugin/editor-styles.css 124 B 0 B
dist/assets/blocks/reader-revenue-manager/block-editor-plugin/editor-styles.js 0 B 0 B 🆕
dist/assets/blocks/reader-revenue-manager/block-editor-plugin/index.js 42.9 kB 0 B
dist/assets/blocks/reader-revenue-manager/common/editor-styles.css 307 B 0 B
dist/assets/blocks/reader-revenue-manager/common/editor-styles.js 0 B 0 B 🆕
dist/assets/blocks/reader-revenue-manager/contribute-with-google/index.js 6.01 kB 0 B
dist/assets/blocks/reader-revenue-manager/contribute-with-google/non-site-kit-user.js 5.21 kB 0 B
dist/assets/blocks/reader-revenue-manager/subscribe-with-google/index.js 6.02 kB 0 B
dist/assets/blocks/reader-revenue-manager/subscribe-with-google/non-site-kit-user.js 5.21 kB 0 B
dist/assets/blocks/sign-in-with-google/editor-styles.css 84 B 0 B
dist/assets/blocks/sign-in-with-google/editor-styles.js 0 B 0 B 🆕
dist/assets/blocks/sign-in-with-google/index.js 18.5 kB 0 B
dist/assets/css/googlesitekit-admin-css-********************.min.css 72.8 kB 0 B
dist/assets/css/googlesitekit-adminbar-css-********************.min.css 12.7 kB 0 B
dist/assets/css/googlesitekit-authorize-application-css-********************.min.css 851 B 0 B
dist/assets/css/googlesitekit-wp-dashboard-css-********************.min.css 9.09 kB 0 B
dist/assets/js/46-********************.js 3.84 kB 0 B
dist/assets/js/65-********************.js 1.03 kB 0 B
dist/assets/js/187-********************.js 101 kB 0 B
dist/assets/js/308-********************.js 3 kB 0 B
dist/assets/js/315-********************.js 3.08 kB 0 B
dist/assets/js/397-********************.js 477 kB 0 B
dist/assets/js/403-********************.js 2.26 kB 0 B
dist/assets/js/509-********************.js 970 B 0 B
dist/assets/js/658-********************.js 52.7 kB 0 B
dist/assets/js/917-********************.js 2.41 kB 0 B
dist/assets/js/analytics-advanced-tracking-********************.js 404 B 0 B
dist/assets/js/googlesitekit-activation-********************.js 27.3 kB 0 B
dist/assets/js/googlesitekit-ad-blocking-recovery-********************.js 65.8 kB +116 B (+0.18%)
dist/assets/js/googlesitekit-admin-pointers-tracking-********************.js 5.37 kB 0 B
dist/assets/js/googlesitekit-adminbar-********************.js 41 kB +77 B (+0.19%)
dist/assets/js/googlesitekit-api-********************.js 8.04 kB 0 B
dist/assets/js/googlesitekit-block-tracking-********************.js 5.56 kB 0 B
dist/assets/js/googlesitekit-components-********************.js 6.28 kB 0 B
dist/assets/js/googlesitekit-consent-mode-********************.js 26 kB 0 B
dist/assets/js/googlesitekit-data-********************.js 1.83 kB 0 B
dist/assets/js/googlesitekit-datastore-forms-********************.js 7.21 kB 0 B
dist/assets/js/googlesitekit-datastore-location-********************.js 1.6 kB 0 B
dist/assets/js/googlesitekit-datastore-pdf-********************.js 1.2 kB 0 B
dist/assets/js/googlesitekit-datastore-site-********************.js 19 kB 0 B
dist/assets/js/googlesitekit-datastore-ui-********************.js 7.37 kB 0 B
dist/assets/js/googlesitekit-datastore-user-********************.js 23.7 kB 0 B
dist/assets/js/googlesitekit-entity-dashboard-********************.js 79.6 kB +24 B (+0.03%)
dist/assets/js/googlesitekit-events-provider-contact-form-7-********************.js 2.35 kB 0 B
dist/assets/js/googlesitekit-events-provider-easy-digital-downloads-********************.js 1.12 kB 0 B
dist/assets/js/googlesitekit-events-provider-mailchimp-********************.js 2.34 kB 0 B
dist/assets/js/googlesitekit-events-provider-ninja-forms-********************.js 2.3 kB 0 B
dist/assets/js/googlesitekit-events-provider-optin-monster-********************.js 2.22 kB 0 B
dist/assets/js/googlesitekit-events-provider-popup-maker-********************.js 2.44 kB 0 B
dist/assets/js/googlesitekit-events-provider-woocommerce-********************.js 1.08 kB 0 B
dist/assets/js/googlesitekit-events-provider-wpforms-********************.js 2.44 kB 0 B
dist/assets/js/googlesitekit-i18n-********************.js 4.43 kB 0 B
dist/assets/js/googlesitekit-key-metrics-setup-********************.js 59.7 kB 0 B
dist/assets/js/googlesitekit-main-dashboard-********************.js 209 kB +58 B (+0.03%)
dist/assets/js/googlesitekit-metric-selection-********************.js 64.8 kB +7 B (+0.01%)
dist/assets/js/googlesitekit-modules-********************.js 27.9 kB 0 B
dist/assets/js/googlesitekit-modules-ads-********************.js 49.9 kB +183 B (+0.37%)
dist/assets/js/googlesitekit-modules-adsense-********************.js 160 kB +130 B (+0.08%)
dist/assets/js/googlesitekit-modules-analytics-4-********************.js 281 kB +77 B (+0.03%)
dist/assets/js/googlesitekit-modules-pagespeed-insights-********************.js 27.4 kB +12 B (+0.04%)
dist/assets/js/googlesitekit-modules-reader-revenue-manager-********************.js 55.8 kB +79 B (+0.14%)
dist/assets/js/googlesitekit-modules-search-console-********************.js 76 kB +109 B (+0.14%)
dist/assets/js/googlesitekit-modules-sign-in-with-google-********************.js 35.4 kB +246 B (+0.7%)
dist/assets/js/googlesitekit-modules-tagmanager-********************.js 32.1 kB +61 B (+0.19%)
dist/assets/js/googlesitekit-notifications-********************.js 85.1 kB +9 B (+0.01%)
dist/assets/js/googlesitekit-polyfills-********************.js 228 B 0 B
dist/assets/js/googlesitekit-settings-********************.js 168 kB +65 B (+0.04%)
dist/assets/js/googlesitekit-splash-********************.js 90.7 kB +30 B (+0.03%)
dist/assets/js/googlesitekit-user-input-********************.js 57 kB +15 B (+0.03%)
dist/assets/js/googlesitekit-vendor-********************.js 791 kB 0 B
dist/assets/js/googlesitekit-vendor-lazy-pdf-********************.js 19 kB 0 B
dist/assets/js/googlesitekit-widgets-********************.js 178 kB +116 B (+0.07%)
dist/assets/js/googlesitekit-wp-dashboard-********************.js 68.9 kB +258 B (+0.38%)
dist/assets/js/runtime-********************.js 1.94 kB 0 B
dist/assets/js/sign-in-with-google-********************.js 1.14 kB 0 B

compressed-size-action

@ankitrox ankitrox self-assigned this Jul 17, 2026

@ankitrox ankitrox left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

@JakePT Good start, but it will need following points to be addressed before this can be moved to MR.

Comment on lines +98 to +113
userInfo = setupFlowRefreshPhase4Enabled
? sprintf(
/* translators: %s: owner name */
__(
'This service was originally connected by the administrator "%s", you can contact them for more information.',
'google-site-kit'
),
owner.login
)
: sprintf(
/* translators: %s: owner name */
__(
'This service was originally connected by the administrator "%s" — you can contact them for more information.',
'google-site-kit'
),
owner.login

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

These changes will also affect the ReportError component when setupFlowRefreshPhase4 feature flag is enabled which is not in scope of this issue.

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

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

@techanvil What do you think about this? Seems silly to add an exception so that ReportError uses the old copy even with setupFlowRefreshPhase4. Once that feature's live we'd have to keep both versions around.

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

@JakePT, I agree, this change should extend to ReportError too, it doesn't make sense to keep the old copy for those errors.

It's a good callout by @ankitrox though - it's not the AC, so it's worth amending the QAB to include a scenario that results in ReportError being rendered with this message.

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Add the tests in ErrorNotice.test.js for the new title, prefix suppression, and retry-message suppression behavior. Test coverage section mentioned about the same, but PR does not contain these tests.

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

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

@ankitrox Do we really need whole unit tests just for basic boolean attributes? The new story on assets/js/components/ErrorNotice.stories.tsx and the VRT already verifies that these attributes work as expected in controlling the output.

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

@JakePT as the behaviour is effectively covered by the VRT, it's fair to say we've got test coverage and don't need the JS tests.

You've already mentioned this in "relevant technical choices", which is good to see.

@ankitrox
ankitrox requested review from ankitrox and removed request for ankitrox July 22, 2026 11:22
@ankitrox ankitrox removed their assignment Jul 22, 2026
@JakePT

JakePT commented Jul 22, 2026

Copy link
Copy Markdown
Collaborator Author

@ankitrox As per Tom's comments no changes are required for those items, but I've updated the QAB to verify the ReportError message reflects the change to the copy.

@ankitrox ankitrox left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

LGTM ✅

Moving to MR.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants