Skip to content
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

Removing Material from slider #1244

Merged
merged 27 commits into from Sep 21, 2022
Merged

Conversation

Jialecl
Copy link
Collaborator

@Jialecl Jialecl commented Aug 22, 2022

No description provided.

@Jialecl Jialecl self-assigned this Aug 22, 2022
@Jialecl Jialecl removed their assignment Sep 1, 2022
@Jialecl Jialecl closed this Sep 1, 2022
@Jialecl Jialecl reopened this Sep 1, 2022
@GomezIvann GomezIvann self-requested a review September 1, 2022 12:34
@GomezIvann GomezIvann self-assigned this Sep 1, 2022
@Jialecl Jialecl linked an issue Sep 2, 2022 that may be closed by this pull request
@marcialfps marcialfps assigned marcialfps and unassigned GomezIvann Sep 5, 2022
@marcialfps marcialfps requested review from marcialfps and removed request for GomezIvann September 5, 2022 15:03
Copy link
Collaborator

@marcialfps marcialfps left a comment

Choose a reason for hiding this comment

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

Other changes

  • I think we should be consistent in how we implement all the components. In your case you are setting the type next to the styled component, I propose you create types for each one naming them as XXXXPropsType.

  • The disabled tracker changes its styles when clicked.
    image

  • Add new tests:

    • Test case for all accessibility attributes.
    • Test cases for all keyboard interactions.
    • Test case we saw in the call: minValue={5} maxValue={50} step={10}. Verify that the maximum value is 45.

lib/src/slider/Slider.tsx Outdated Show resolved Hide resolved
lib/src/slider/Slider.tsx Outdated Show resolved Hide resolved
lib/src/slider/Slider.tsx Outdated Show resolved Hide resolved
lib/src/slider/Slider.tsx Outdated Show resolved Hide resolved
lib/src/slider/Slider.tsx Outdated Show resolved Hide resolved
lib/src/slider/Slider.tsx Outdated Show resolved Hide resolved
lib/src/slider/Slider.tsx Outdated Show resolved Hide resolved
Copy link
Collaborator

@marcialfps marcialfps left a comment

Choose a reason for hiding this comment

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

  • As I said in the previous comment:
    • Add test case for ALL accessibility attributes, including: aria-labelledby, aria-orientation, aria-valuemax, aria-valuemin, aria-valuenow. This should be added to the first test case, not others. If you need an example, take a look to the first test case from Radio Group component.
    • The disabled tracker changes its styles when clicked.
      image

lib/src/slider/Slider.test.js Outdated Show resolved Hide resolved
lib/src/slider/Slider.tsx Outdated Show resolved Hide resolved
lib/src/slider/Slider.tsx Outdated Show resolved Hide resolved
lib/src/slider/Slider.tsx Outdated Show resolved Hide resolved
lib/src/slider/Slider.tsx Outdated Show resolved Hide resolved
lib/src/slider/Slider.tsx Outdated Show resolved Hide resolved
lib/src/slider/Slider.tsx Outdated Show resolved Hide resolved
@marcialfps marcialfps merged commit 18ada02 into master Sep 21, 2022
@marcialfps marcialfps deleted the jialecl-removingMaterial-slider branch September 21, 2022 07:44
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.

Remove Material UI dependencies from Slider
3 participants