-
Notifications
You must be signed in to change notification settings - Fork 357
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(Breadcrumb): Convert Breadcrumb jsx file to tsx #1723
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
A few comments. Also once this gets working I would added these components to our typescript app under react-integration/demo-app-ts
packages/patternfly-4/react-core/src/components/Breadcrumb-2/Breadcrumb.md
Outdated
Show resolved
Hide resolved
packages/patternfly-4/react-core/src/components/Breadcrumb/Breadcrumb.test.tsx
Outdated
Show resolved
Hide resolved
packages/patternfly-4/react-core/src/components/Breadcrumb/Breadcrumb.tsx
Outdated
Show resolved
Hide resolved
packages/patternfly-4/react-core/src/components/Breadcrumb/BreadcrumbHeading.tsx
Outdated
Show resolved
Hide resolved
packages/patternfly-4/react-core/src/components/Breadcrumb/BreadcrumbItem.tsx
Outdated
Show resolved
Hide resolved
packages/patternfly-4/react-core/src/components/Breadcrumb/index.ts
Outdated
Show resolved
Hide resolved
Codecov Report
@@ Coverage Diff @@
## master #1723 +/- ##
==========================================
+ Coverage 81.86% 81.88% +0.01%
==========================================
Files 630 631 +1
Lines 7214 7241 +27
Branches 291 312 +21
==========================================
+ Hits 5906 5929 +23
Misses 1164 1164
- Partials 144 148 +4
Continue to review full report at Codecov.
|
6bfa8e4
to
507028f
Compare
8c5dc1e
to
43e1798
Compare
PatternFly-React preview: https://1723-pr-patternfly-react-patternfly.surge.sh |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Good start.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
A few questions and updates.
packages/patternfly-4/react-core/src/components/Breadcrumb/Breadcrumb.tsx
Show resolved
Hide resolved
packages/patternfly-4/react-core/src/components/Breadcrumb/BreadcrumbHeading.tsx
Show resolved
Hide resolved
packages/patternfly-4/react-core/src/components/Breadcrumb/BreadcrumbItem.tsx
Show resolved
Hide resolved
...ges/patternfly-4/react-core/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.tsx.snap
Show resolved
Hide resolved
a2aa6e3
to
788ed89
Compare
PatternFly-React preview: https://1723-pr-patternfly-react-patternfly.surge.sh |
a2aa6e3
to
473ed94
Compare
@jessiehuff can you also add integration tests for this component as outlined on this README? |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
We need to figure out why the test case is rendering the as any rather than 'a'
...ges/patternfly-4/react-core/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.tsx.snap
Show resolved
Hide resolved
packages/patternfly-4/react-integration/cypress/integration/breadcrumb.spec.ts
Show resolved
Hide resolved
packages/patternfly-4/react-core/src/components/Breadcrumb/Breadcrumb.tsx
Outdated
Show resolved
Hide resolved
packages/patternfly-4/react-core/src/components/Breadcrumb/BreadcrumbHeading.tsx
Outdated
Show resolved
Hide resolved
...ges/patternfly-4/react-core/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.tsx.snap
Show resolved
Hide resolved
packages/patternfly-4/react-core/src/components/Breadcrumb/Breadcrumb.tsx
Outdated
Show resolved
Hide resolved
packages/patternfly-4/react-core/src/components/Breadcrumb/Breadcrumb.tsx
Outdated
Show resolved
Hide resolved
packages/patternfly-4/react-core/src/components/Breadcrumb/BreadcrumbHeading.tsx
Outdated
Show resolved
Hide resolved
packages/patternfly-4/react-core/src/components/Breadcrumb/BreadcrumbHeading.tsx
Outdated
Show resolved
Hide resolved
packages/patternfly-4/react-core/src/components/Breadcrumb/BreadcrumbItem.tsx
Outdated
Show resolved
Hide resolved
7ca295a
to
76ac93e
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
A few more comments.
packages/patternfly-4/react-core/src/components/Breadcrumb/Breadcrumb.tsx
Outdated
Show resolved
Hide resolved
packages/patternfly-4/react-core/src/components/Breadcrumb/BreadcrumbHeading.tsx
Outdated
Show resolved
Hide resolved
packages/patternfly-4/react-core/src/components/Breadcrumb/BreadcrumbItem.tsx
Outdated
Show resolved
Hide resolved
packages/patternfly-4/react-core/src/components/Breadcrumb/BreadcrumbHeading.tsx
Outdated
Show resolved
Hide resolved
packages/patternfly-4/react-core/src/components/Page/__snapshots__/Page.test.js.snap
Outdated
Show resolved
Hide resolved
packages/patternfly-4/react-integration/cypress/integration/breadcrumb.spec.ts
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
A few more comments.
packages/patternfly-4/react-core/src/components/Breadcrumb/BreadcrumbHeading.tsx
Outdated
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks like this was updated. I still see some things that are not quite right.
packages/patternfly-4/react-core/src/components/Breadcrumb/BreadcrumbHeading.tsx
Outdated
Show resolved
Hide resolved
packages/patternfly-4/react-core/src/components/Breadcrumb/Breadcrumb.tsx
Outdated
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The component?: React.ReactType;
Still is not right.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks for this!
packages/patternfly-4/react-core/src/components/Page/__snapshots__/Page.test.js.snap
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
One update to integration test other then that looks good.
packages/patternfly-4/react-integration/cypress/integration/breadcrumb.spec.ts
Outdated
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
Fixes issue #1717 by updating breadcrumb to typescript.