Comments (6)
Yeah that makes perfect sense, you mean to use these purely to test the Storybook/docs pages themselves. I'm silly
from flowbite-react.
'Cause, by doing it, we are also testing our components and it's the desired behavior. Right? :)
from flowbite-react.
I think Cypress would be fantastic. The Jest DX is inferior, but tests will take longer. Would the plan be to migrate all tests to Cypress? I'm trying to imagine how you would distinguish unit tests from end-to-end in a library like this.
I have day to day experience with Cypress and trying to write unit tests in Jest is making me wish we could just move to Cypress now.
from flowbite-react.
No, we will not migrate any unit test to Cypress. Both have different proposals.
The plan is to use Cypress + Axe to test the components by interacting with Storybook and the Documentation. By doing it we can also check a11y aspects.
PS: Yeah, I know that we could use Cypress to unit test, but... just no.
from flowbite-react.
Ok, what would an example Cypress test actually look like then? I'm a bit confused by that explanation. Would you repeat the behavioral tests of the unit tests, just on the Storybook pages?
Edit: I just want to be able to start writing these so some examples would be nice so I don't go in an undesirable direction with them
from flowbite-react.
Let me give you one scenario:
Test carousel documentation page
- Open the documentation page
- Navigate to the carousel page
- Check if all examples are correctly being rendered
- Check if you can interact with the examples
The idea is to mostly test the components' examples by interacting with them through documentation and storybook, to also assure that our examples are working as expected.
Does it make sense?
This is a very, very, very basic scenario since I'm not QE :)
from flowbite-react.
Related Issues (20)
- flowbite style css not found HOT 1
- Dropdown.Item - MouseEvent<HTMLElement> is not passed through onclick
- MegaMenu doesn't use SSR for dropdown content HOT 1
- On smaller screens modal is not centerend anymore HOT 1
- Wrong focus color on buttons HOT 1
- MegaMenu doesn't collapse/unfold on mobile HOT 1
- (Mega menu) Dropdown should support hover event as trigger HOT 4
- Toast hook at button click
- Breadcrumb component to allow a react-router <Link> instead of a bare <a> HOT 2
- TabItem with icon causes Internal Server Error HOT 2
- Select doesn't have same height as inputs HOT 2
- Custom Theme not applying on Flowbite Accordion HOT 4
- dropdown popup is hidden by section title in docs HOT 1
- Spinner doesn't apply color theming HOT 1
- Release process HOT 1
- Datepicker Pops beyond edge of screen
- Warning - Warning: Received `true` for a non-boolean attribute `s`. HOT 2
- next.js/node_modules/flowbite-react/dist/esm/components/Navbar/Navbar.mjs#Navbar#Brand" in the React Client Manifest. This is probably a bug in the React Server Components bundler. HOT 4
- Can we have an autocomplete input component ? HOT 2
- Provide clear option for TextInput component. HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from flowbite-react.