Repository: themesberg/flowbite-react

Issue #821: Implement Unit Tests for flowbite-react component styles verification
Created: 2023-06-22T12:17:52Z
Is your feature request related to a problem? Please describe.
I have noticed that there is currently no automated process to verify if the CSS classes used in the components of the flowbite-react library match with the corresponding classes from the standard flowbite library. This can lead to inconsistencies and styling issues when integrating flowbite-react components into projects.
Describe the solution you'd like
I would like to implement unit tests for all the components of the flowbite-react library to ensure that the CSS classes used in the components align with the ones from the standard flowbite library. These unit tests will validate that the expected CSS classes are present in the rendered components and help maintain consistency in styling across the library.
Describe alternatives you've considered
One alternative would be to manually inspect and compare the CSS classes in each component against the standard flowbite library. However, this approach is time-consuming, error-prone, and not scalable as the library evolves. By implementing automated unit tests, we can ensure consistent styling and streamline the validation process for future updates.
Additional context
As flowbite-react is widely used in various projects, it is crucial to maintain consistency and compatibility with the standard flowbite library. These unit tests will provide an added layer of confidence in the integrity of the components' styling and assist developers in identifying any discrepancies or unintended changes in the CSS classes.
Components

 #822
 #823
 #824
 Badge
 Breadcrumb
 Button
 Button group
 Card
 Carousel
 Dropdown
 Footer
 Forms
 List group
 Modal
 Navbar
 Pagination
 Progress bar
 Rating
 Sidebar
 Spinner
 Table
 Tabs
 Timeline
 Toast
 Tooltip

Is your feature request related to a problem? Please describe.
I have noticed that there is currently no automated process to verify if the CSS classes used in the components of the flowbite-react library match with the corresponding classes from the standard flowbite library. This can lead to inconsistencies and styling issues when integrating flowbite-react components into projects.
Describe the solution you'd like
I would like to implement unit tests for all the components of the flowbite-react library to ensure that the CSS classes used in the components align with the ones from the standard flowbite library. These unit tests will validate that the expected CSS classes are present in the rendered components and help maintain consistency in styling across the library.
Describe alternatives you've considered
One alternative would be to manually inspect and compare the CSS classes in each component against the standard flowbite library. However, this approach is time-consuming, error-prone, and not scalable as the library evolves. By implementing automated unit tests, we can ensure consistent styling and streamline the validation process for future updates.
Additional context
As flowbite-react is widely used in various projects, it is crucial to maintain consistency and compatibility with the standard flowbite library. These unit tests will provide an added layer of confidence in the integrity of the components' styling and assist developers in identifying any discrepancies or unintended changes in the

Duplicate issue #824: Avatar CSS class verification
Created: 2023-06-22T12:28:39Z
Is your feature request related to a problem? Please describe.
Currently, there is no automated process to ensure that the CSS classes used in the Avatar component of the flowbite-react library match with the corresponding classes from the standard flowbite library. This can lead to inconsistencies and styling issues when integrating the Avatar component into projects.
Describe the solution you'd like
I would like to implement unit tests for the Avatar component of the flowbite-react library to verify that the CSS classes used in the component align with the ones from the standard flowbite library. These unit tests will validate that the expected CSS classes are present in the rendered Avatar component, ensuring consistency in styling across the library.
Describe alternatives you've considered
Manually inspecting and comparing the CSS classes in the Avatar component against the standard flowbite library is a time-consuming and error-prone process. By implementing automated unit tests, we can streamline the verification process and ensure consistent styling.
Additional context
As the Avatar component is widely used in various projects, it is crucial to maintain consistency and compatibility with the standard flowbite library. The unit tests will provide confidence in the integrity of the Avatar component's styling and assist developers in identifying any discrepancies or unintended changes in the CSS classes.

Closing comment (2023-11-26T20:38:32Z): Duplicate of #821