paulsputer / svelte-gym Goto Github PK

When working with with opacity and blur settings on components it can be difficult to judge if they are working correctly. Allowing the grid to be set to a vivid pattern can help check this

When loading a page and tapping generate permalink only the properties that have been changed are set in the permalink. This is potentially dangerous from a testing perspective as it assumes there will be no changes to default values on the test page.

To operate correctly even if default values are changed properties not defined in the url params should be set. This may need to be optionally disabled as there may be cases where the effect is desired.

The GymTextbox allows any text to be set. However often times in testing it's not the specific text used but rather the length and size of it which is important to determine if wrapping, formatting etc is correct.

A GymPlaceholderText component could be helpful in these scenarios with the following parameters:

1. Character Count
2. Line Count

While Words, Sentences, and Paragraphs may seen like useful parameters these could result in different results, hence characters and lines are more specific. As a result unlike off-the-shelf Lorem Ipsum generators lines will need to be forced.

The generator must be deterministic to allow for visual regression testing

The GymSlider element doesn't support decimal numbers. This can be useful when controlling properties in objects that are used else where in an application

The GymDropdown component only accepts options as a string array. When an object is used there's a need to do a object.values this adds friction to usage that should be internalised.