Tidy and repair for v1

[glsdown]

A number of tests are failing on the docs so I've been working through them to understand whether they are failing because of the test or the component. I've also done some tidying up to (hopefully) make it easier to find the components, and ensure everything is formatted correctly.

I noticed that the testing package versions for JS that are being used are really out of date, so I tried to update them initially as a fix for tooltip failing, but this caused the Input and TextArea components to consistently fail. I reverted back to the original versions.

Javascript component tests

• accordion
• alert
• badge
• breadcrumb
• button
• button_group
• card
• carousel
• collapse
• dropdownmenu - warning given, but tests pass: see note
• fade
• form
• input
• input_group
• layout
• list_group
• modal
• nav
• navbar
• offcanvas
• pagination
• popover - warning originally given, but tests pass: see note
• progress
• spinner
• table
• tabs
• toast
• tooltip - not working as expected in the docs either

Snippet layout tests

Check each component passes test_snippets.py and update components or tests as required.

• accordion
• alert
• badge
• breadcrumb
• button
• button_group
• card
• carousel
• collapse
• dropdown
• fade
• form
• input
• input_group
• layout
• list_group
• modal
• nav
• navbar
• offcanvas
• pagination
• popover
• progress
• spinner
• table
• tabs
• toast
• tooltip

Callback tests

Check each component passes test_{component}.py and update components or tests as required.

• accordion
• alert
• button
• button_group
• carousel - this auto advances with R and Julia. I think setting interval=None is the thing that stops it advancing in python, but the equivalents in R (NULL) and julia (nothing) don't do the same thing (also tried with 0, and that didn't work either).
• collapse
• dropdown
• fade
• form
• input
• input_group
• list_group
• modal - R/JL callbacks not working for size but I'm unsure why as the python one does, and I can't see there are any functional differences
• nav
• navbar
• offcanvas - issues as using the version of bootstrap that has the backdrop in front of the offcanvas so all tests will fail - need to get this fixed by react-bootstrap (appears to be a closed PR 2 days ago so shouldn't be long now)
• pagination
• popover - It doesn't appear that the component ID is being passed to the element on the page which is why the tests themselves are failing here, although even if the tests were working, it seems to respond differently to bools in JL as doesn't react to 0 and 1, but does to explicit true/false, however, can't narrow down what is causing the callbacks to fail.
• progress
• spinner
• tabs
• toast

Component landing page / instructions

@tcbegley requested that on clicking on the components link, rather than seeing the first component, it instead goes to an overview of how the pages work. I have added a temporary placeholder for this for now, but the details will need populating properly by Tom.

• Component landing page / instructions placeholder
• Component landing page / instructions properly populated

Formatting tools

Not sure how to add these, but want to include them to be able to quickly format the doc snippets and make sure they are consistently formatted.

Also worth adding to linters (JuliaFormatter returns false if the docs need formatting). lintr looks like it is useful for R.

• julia autoformatter

julia
using Pkg
Pkg.add("JuliaFormatter")
using JuliaFormatter
format("docs")

• R autoformatter

R
library(styler)
style_dir("docs")

[tcbegley]

@glsdown I've rebased on v1 having merged react-bootstrap. I think it's all fine, but worth checking that I haven't broken anything.

[glsdown]

Still outstanding

Callback tests failing for docs:

• carousel - this auto advances with R and Julia. I think setting interval=None is the thing that stops it advancing in python, but the equivalents in R (NULL) and julia (nothing) don't do the same thing (also tried with 0, and that didn't work either).
• modal - R/JL callbacks not working for size but I'm unsure why as the python one does, and I can't see there are any functional differences
• offcanvas - issues as using the version of bootstrap that has the backdrop in front of the offcanvas so all tests will fail - need to get this fixed by react-bootstrap (appears to be a closed PR 2 days ago so shouldn't be long now)
• popover - It doesn't appear that the component ID is being passed to the element on the page which is why the tests themselves are failing here, although even if the tests were working, it seems to respond differently to bools in JL as doesn't react to 0 and 1, but does to explicit true/false, however, can't narrow down what is causing the callbacks to fail.

Other:

• Populate landing page for components - in docs/components_page/components/main.md
• Add R/Julia formatters and linting