chore(internal): add manual demo and link for manual testing #81
Conversation
This allows testing colors, contrast, interaction, etc
|
Works for me. Terminal prompted a non-localhost address: BUT when I went to localhost I saw the Crowdstrike branded version |
| @@ -57,6 +57,26 @@ pnpm run build:preview | |||
| npx http-server ./dist | |||
| ``` | |||
|
|
|||
| Note that changes to config or build scripts will require re-running `pnpm start`. | |||
There was a problem hiding this comment.
suggestion: I would link out to the build and config folders.
I also think that this could use some added emphasis like
🗒️ Note:
because it's something people easily forget. But again just a suggestion.
There was a problem hiding this comment.
I like it!
but how would we say build = lib folder (easy part) -- maybe we just rename this to build and then link.
and then for config, it's.. every other js file?
Maybe I can have a go at making the organization of this repo making more sense in a followup PR 🤔
There was a problem hiding this comment.
Or maybe like config files like <example config file>
There was a problem hiding this comment.
hmmm. alright, I dig it.
I'll throw something together once #84 is merged
|
🎉 This PR is included in version 3.2.0 🎉 The release is available on: Your semantic-release bot 📦🚀 |
This allows testing colors, contrast, interaction, etc
Why
We need an easy demo page for manually testing accessibility of our colors / styles.
Someone "needing to test something real quick" can add / edit the
manual-test.htmlto set up their scenario and observe how it looks in both light and dark mode.Test Plan
(at least until I get preview URLs working from forks, see exploration here: #62)
git clone https://github.com/NullVoxPopuli/tailwind-toucan-base.gitcd tailwind-toucan-basegit checkout add-manual-demo-pagepnpm installpnpm startthis may also be directly visited via
http://localhost:8080/manualWhen deployed, this'll be at https://tailwind-toucan-base.pages.dev/manual