Skip to content

Conversation

@alex-page
Copy link
Member

WHY are these changes introduced?

Fixes #0000

WHAT is this pull request doing?

How to 🎩

🖥 Local development instructions
🗒 General tophatting guidelines
📄 Changelog guidelines

Copy-paste this code in playground/Playground.tsx:
import React from 'react';
import {Page} from '../src';

export function Playground() {
  return (
    <Page title="Playground">
      {/* Add the code you want to test in here */}
    </Page>
  );
}

🎩 checklist

  • Tested on mobile
  • Tested on multiple browsers
  • Tested for accessibility
  • Updated the component's README.md with documentation changes
  • Tophatted documentation changes in the style guide
  • For visual design changes, pinged one of @ HYPD, @ mirualves, @ sarahill, or @ ry5n to update the Polaris UI kit

@alex-page alex-page force-pushed the remove-a11y-error-bypass branch from 54c72ad to 666bc5f Compare December 16, 2020 04:04
@github-actions
Copy link
Contributor

github-actions bot commented Dec 16, 2020

🟢 No significant changes to src/**/*.tsx were detected.

@alex-page alex-page force-pushed the remove-a11y-error-bypass branch from 666bc5f to d8dfac0 Compare December 16, 2020 04:06
@alex-page alex-page self-assigned this Dec 16, 2020
Comment on lines 34 to 36
`${idParam}&contexts=Global%20Theming=Enabled%20-%20Light%20Mode`,
// Dark mode has lots of errors. It is still very WIP so ignore for now
// `${idParam}&contexts=Global%20Theming=Enabled%20-%20Dark%20Mode`,
Copy link
Member Author

Choose a reason for hiding this comment

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

These links were not correctly resolving the New Design Language.

Comment on lines 61 to 72
return Promise.resolve({
type: 'FAIL',
url,
errorCount: result.violations.length,
error: JSON.stringify(result.violations, null, 2),
});
} catch (error) {
return Promise.resolve({
type: 'ERROR',
url,
error: JSON.stringify(error, null, 2),
});
Copy link
Member Author

@alex-page alex-page Dec 16, 2020

Choose a reason for hiding this comment

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

We don't need to resolve a promise inside p-map as it is already an async function which returns a promise. Removing the different types as the user only needs to know if there is an error caught or if the a11y tests failed.

const isSkippedStory =
story.kind === 'Playground/Playground' || story.name === 'All Examples';
const formatMessage = (id, violations) => {
const url = chalk.underline.blue(`http://localhost:6006/iframe.html?id=all-components-${id}`);
Copy link
Member Author

Choose a reason for hiding this comment

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

Added the URL for finding issues quickly, might be a bit too much information.

@alex-page alex-page changed the title Remove a11y error bypass Format a11y error messages and remove skip Dec 17, 2020
@alex-page alex-page force-pushed the remove-a11y-error-bypass branch from b63a0ee to a4e74ac Compare December 17, 2020 22:34
@alex-page alex-page closed this Dec 18, 2020
@alex-page alex-page force-pushed the remove-a11y-error-bypass branch from fec5fd6 to 3e42326 Compare December 18, 2020 19:36
@alex-page alex-page deleted the remove-a11y-error-bypass branch December 18, 2020 19:39
@alex-page alex-page restored the remove-a11y-error-bypass branch December 18, 2020 19:48
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.

2 participants