From 0fe2e49a890cfd4bee1818d06a0a6af85300f8a2 Mon Sep 17 00:00:00 2001 From: Domizio Demichelis Date: Thu, 6 May 2021 09:35:25 +0700 Subject: [PATCH] added helpers and navbar tests for all the styles; updated docker readme --- pagy-on-docker/README.md | 22 +- test/e2e/app.rb | 6 +- .../__snapshots__/dummy.spec.js.snap | 17 - .../__snapshots__/dummy2.spec.js.snap | 17 - .../__snapshots__/helpers.spec.js.snap | 375 + .../__snapshots__/nav.spec.js.snap | 9611 +++++++++++++++++ .../e2e/cypress/integration/bootstrap.spec.js | 26 - test/e2e/cypress/integration/dummy.spec.js | 14 - test/e2e/cypress/integration/helpers.spec.js | 28 + test/e2e/cypress/integration/nav.spec.js | 31 + test/e2e/cypress/support/commands.js | 62 + 11 files changed, 10121 insertions(+), 88 deletions(-) delete mode 100644 test/e2e/cypress/integration/__snapshots__/dummy.spec.js.snap delete mode 100644 test/e2e/cypress/integration/__snapshots__/dummy2.spec.js.snap create mode 100644 test/e2e/cypress/integration/__snapshots__/helpers.spec.js.snap create mode 100644 test/e2e/cypress/integration/__snapshots__/nav.spec.js.snap delete mode 100644 test/e2e/cypress/integration/bootstrap.spec.js delete mode 100644 test/e2e/cypress/integration/dummy.spec.js create mode 100644 test/e2e/cypress/integration/helpers.spec.js create mode 100644 test/e2e/cypress/integration/nav.spec.js diff --git a/pagy-on-docker/README.md b/pagy-on-docker/README.md index 9a80a64f0..ab1e68609 100644 --- a/pagy-on-docker/README.md +++ b/pagy-on-docker/README.md @@ -25,11 +25,11 @@ The pagy docker environment has been designed to be useful for developing: You have a couple of alternatives: -1. (recommended) Permanently set a few variables about your user in your IDE or system (it will be easier for the future): +1. (recommended) Permanently set a few environment variables about your user in your IDE or system (it will be easier for the future): - the `GROUP` name (get it with `id -gn` in the terminal) - - the `UID` (get it with `id -u` in the terminal) - - the `GID` (get it with `id -g` in the terminal) + - if `echo $UID` return nothing, then set the `UID` (get it with `id -u` in the terminal) + - if `echo $GID` return nothing, then set the `GID` (get it with `id -g` in the terminal) (Notice: you can also specify a few other variables used in the `docker-compose.yml` file.) @@ -40,12 +40,12 @@ You have a couple of alternatives: 2. Just set them with the command (you will have to set them each time you will have to build or do other stuff) For example: -```sh -cd pagy-on-docker -GROUP=$(id -gn) UID=$(id -u) GID=$(id -g) docker-compose build pagy pagy-jekyll -``` + ```sh + cd pagy-on-docker + GROUP=$(id -gn) UID=$(id -u) GID=$(id -g) docker-compose build pagy pagy-jekyll + ``` -You need to run this only once usually, when you build the images. After that you just run the containers (see below). + You need to run this only once usually, when you build the images. After that you just run the containers (see below). ### Run @@ -59,12 +59,12 @@ docker-compose up pagy pagy-jekyll # for both pagy and the documentation site Then: 1. Open a terminal in the pagy container: - - if the container is already up, run bash in the same container `docker-compose exec pagy bash` - - or `docker-compose run --rm pagy bash` to run it in a different container + - if the container is already up, run bash in the same container `docker-compose exec pagy bash` + - or `docker-compose run --rm pagy bash` to run it in a different container 2. `bundle install` to install the gems into the `pagy_bundle` volume. -Then you can run `irb -I lib -r pagy` from the container in order to have `pagy` loaded and ready to try. +At this poin the setup is completed, so you can run `irb -I lib -r pagy` from the container in order to have `pagy` loaded and ready to try. Run all the tests by simply running `rake` without arguments: it will run the `test`, `rubocop`, `coverge_summary` and `manifest:check` tasks. diff --git a/test/e2e/app.rb b/test/e2e/app.rb index 193a48136..d7c883b68 100644 --- a/test/e2e/app.rb +++ b/test/e2e/app.rb @@ -49,7 +49,6 @@ def site_map end -# routes/actions get '/pagy.js' do content_type 'application/javascript' @@ -103,6 +102,7 @@ def site_map + @@ helpers

<%= name %>

@@ -116,7 +116,7 @@ def site_map

pagy_items_selector_js

-<%= pagy_items_selector_js(@pagy, pagy_id: 'item-selector') %> +<%= pagy_items_selector_js(@pagy, pagy_id: 'items-selector-js') %>

<%= "pagy_#{name_fragment}nav" %>

@@ -128,7 +128,7 @@ def site_map

<%= "pagy_#{name_fragment}nav_js" %> (responsive)

-<%= send(:"pagy_#{name_fragment}nav_js", @pagy, pagy_id: 'nav-js-responsive', steps: { 0 => [1,3,3,1], 540 => [2,4,4,2], 720 => [3,4,4,3] }) %> +<%= send(:"pagy_#{name_fragment}nav_js", @pagy, pagy_id: 'nav-js-responsive', steps: { 0 => [1,3,3,1], 600 => [2,4,4,2], 900 => [3,4,4,3] }) %>

<%= "pagy_#{name_fragment}combo_nav_js" %>

diff --git a/test/e2e/cypress/integration/__snapshots__/dummy.spec.js.snap b/test/e2e/cypress/integration/__snapshots__/dummy.spec.js.snap deleted file mode 100644 index 362e939ee..000000000 --- a/test/e2e/cypress/integration/__snapshots__/dummy.spec.js.snap +++ /dev/null @@ -1,17 +0,0 @@ -exports[`Dummy Test > toMatchSnapshot - HTML #0`] = ` -
- home bootstrap - bulma foundation - materialize navs - semantic uikit -
-`; - -exports[`Test Bootstrap > toMatchSnapshot - HTML #0`] = ` -
- home bootstrap - bulma foundation - materialize navs - semantic uikit -
-`; diff --git a/test/e2e/cypress/integration/__snapshots__/dummy2.spec.js.snap b/test/e2e/cypress/integration/__snapshots__/dummy2.spec.js.snap deleted file mode 100644 index 0843ae51e..000000000 --- a/test/e2e/cypress/integration/__snapshots__/dummy2.spec.js.snap +++ /dev/null @@ -1,17 +0,0 @@ -exports[`Dummy Test > toMatchSnapshot - HTML #0`] = ` -
- home bootstrap - bulma foundation - materialize navs - semantic uikit -
-`; - -exports[`Dummy Test > toMatchSnapshot - HTML #1`] = ` -
- home bootstrap - bulma foundation - materialize navs - semantic uikit -
-`; diff --git a/test/e2e/cypress/integration/__snapshots__/helpers.spec.js.snap b/test/e2e/cypress/integration/__snapshots__/helpers.spec.js.snap new file mode 100644 index 000000000..578f0b364 --- /dev/null +++ b/test/e2e/cypress/integration/__snapshots__/helpers.spec.js.snap @@ -0,0 +1,375 @@ +exports[`Test generic helpers > test pagy_info #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test generic helpers > test pagy_info #1`] = ` +Displaying items 1-20 of 1000 in total +`; + +exports[`Test generic helpers > test pagy_info #2`] = ` +

81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100

+`; + +exports[`Test generic helpers > test pagy_info #3`] = ` +Displaying items 81-100 of 1000 in total +`; + +exports[`Test generic helpers > test pagy_info #4`] = ` +

+ 701,702,703,704,705,706,707,708,709,710,711,712,713,714,715,716,717,718,719,720 +

+`; + +exports[`Test generic helpers > test pagy_info #5`] = ` +Displaying items 701-720 of 1000 in total +`; + +exports[`Test generic helpers > test pagy_info #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test generic helpers > test pagy_info #7`] = ` +Displaying items 981-1000 of 1000 in total +`; + +exports[`Test generic helpers > test pagy_items_selector_js #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #1`] = ` + +`; + +exports[`Test generic helpers > test pagy_items_selector_js #2`] = ` +

1,2,3,4,5,6,7,8,9,10

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #3`] = ` + +`; + +exports[`Test generic helpers > test pagy_items_selector_js #4`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #5`] = ` + +`; + +exports[`Test generic helpers > test pagy_items_selector_js #6`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #7`] = ` + +`; + +exports[`Test generic helpers > test pagy_items_selector_js #8`] = ` +

81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #9`] = ` + +`; + +exports[`Test generic helpers > test pagy_items_selector_js #10`] = ` +

81,82,83,84,85,86,87,88,89,90

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #11`] = ` + +`; + +exports[`Test generic helpers > test pagy_items_selector_js #12`] = ` +

69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #13`] = ` + +`; + +exports[`Test generic helpers > test pagy_items_selector_js #14`] = ` +

55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #15`] = ` + +`; + +exports[`Test generic helpers > test pagy_items_selector_js #16`] = ` +

+ 701,702,703,704,705,706,707,708,709,710,711,712,713,714,715,716,717,718,719,720 +

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #17`] = ` + +`; + +exports[`Test generic helpers > test pagy_items_selector_js #18`] = ` +

701,702,703,704,705,706,707,708,709,710

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #19`] = ` + +`; + +exports[`Test generic helpers > test pagy_items_selector_js #20`] = ` +

+ 698,699,700,701,702,703,704,705,706,707,708,709,710,711,712,713,714 +

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #21`] = ` + +`; + +exports[`Test generic helpers > test pagy_items_selector_js #22`] = ` +

+ 685,686,687,688,689,690,691,692,693,694,695,696,697,698,699,700,701,702 +

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #23`] = ` + +`; + +exports[`Test generic helpers > test pagy_items_selector_js #24`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #25`] = ` + +`; + +exports[`Test generic helpers > test pagy_items_selector_js #26`] = ` +

981,982,983,984,985,986,987,988,989,990

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #27`] = ` + +`; + +exports[`Test generic helpers > test pagy_items_selector_js #28`] = ` +

+ 970,971,972,973,974,975,976,977,978,979,980,981,982,983,984,985,986 +

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #29`] = ` + +`; + +exports[`Test generic helpers > test pagy_items_selector_js #30`] = ` +

+ 955,956,957,958,959,960,961,962,963,964,965,966,967,968,969,970,971,972 +

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #31`] = ` + +`; diff --git a/test/e2e/cypress/integration/__snapshots__/nav.spec.js.snap b/test/e2e/cypress/integration/__snapshots__/nav.spec.js.snap new file mode 100644 index 000000000..59d62ca8d --- /dev/null +++ b/test/e2e/cypress/integration/__snapshots__/nav.spec.js.snap @@ -0,0 +1,9611 @@ +exports[`Test generic helpers > test pagy_info #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test generic helpers > test pagy_info #1`] = ` +Displaying items 1-20 of 1000 in total +`; + +exports[`Test generic helpers > test pagy_info #2`] = ` +

81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100

+`; + +exports[`Test generic helpers > test pagy_info #3`] = ` +Displaying items 81-100 of 1000 in total +`; + +exports[`Test generic helpers > test pagy_info #4`] = ` +

+ 701,702,703,704,705,706,707,708,709,710,711,712,713,714,715,716,717,718,719,720 +

+`; + +exports[`Test generic helpers > test pagy_info #5`] = ` +Displaying items 701-720 of 1000 in total +`; + +exports[`Test generic helpers > test pagy_info #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test generic helpers > test pagy_info #7`] = ` +Displaying items 981-1000 of 1000 in total +`; + +exports[`Test generic helpers > test pagy_items_selector_js #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #1`] = ` + +`; + +exports[`Test generic helpers > test pagy_items_selector_js #2`] = ` +

1,2,3,4,5,6,7,8,9,10

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #3`] = ` + +`; + +exports[`Test generic helpers > test pagy_items_selector_js #4`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #5`] = ` + +`; + +exports[`Test generic helpers > test pagy_items_selector_js #6`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #7`] = ` + +`; + +exports[`Test generic helpers > test pagy_items_selector_js #8`] = ` +

81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #9`] = ` + +`; + +exports[`Test generic helpers > test pagy_items_selector_js #10`] = ` +

81,82,83,84,85,86,87,88,89,90

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #11`] = ` + +`; + +exports[`Test generic helpers > test pagy_items_selector_js #12`] = ` +

69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #13`] = ` + +`; + +exports[`Test generic helpers > test pagy_items_selector_js #14`] = ` +

55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #15`] = ` + +`; + +exports[`Test generic helpers > test pagy_items_selector_js #16`] = ` +

+ 701,702,703,704,705,706,707,708,709,710,711,712,713,714,715,716,717,718,719,720 +

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #17`] = ` + +`; + +exports[`Test generic helpers > test pagy_items_selector_js #18`] = ` +

701,702,703,704,705,706,707,708,709,710

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #19`] = ` + +`; + +exports[`Test generic helpers > test pagy_items_selector_js #20`] = ` +

+ 698,699,700,701,702,703,704,705,706,707,708,709,710,711,712,713,714 +

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #21`] = ` + +`; + +exports[`Test generic helpers > test pagy_items_selector_js #22`] = ` +

+ 685,686,687,688,689,690,691,692,693,694,695,696,697,698,699,700,701,702 +

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #23`] = ` + +`; + +exports[`Test generic helpers > test pagy_items_selector_js #24`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #25`] = ` + +`; + +exports[`Test generic helpers > test pagy_items_selector_js #26`] = ` +

981,982,983,984,985,986,987,988,989,990

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #27`] = ` + +`; + +exports[`Test generic helpers > test pagy_items_selector_js #28`] = ` +

+ 970,971,972,973,974,975,976,977,978,979,980,981,982,983,984,985,986 +

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #29`] = ` + +`; + +exports[`Test generic helpers > test pagy_items_selector_js #30`] = ` +

+ 955,956,957,958,959,960,961,962,963,964,965,966,967,968,969,970,971,972 +

+`; + +exports[`Test generic helpers > test pagy_items_selector_js #31`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #nav #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /bootstrap #nav #1`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #nav #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /bootstrap #nav #3`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #nav #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /bootstrap #nav #5`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #nav #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /bootstrap #nav #7`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #nav #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /bootstrap #nav #9`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js #1`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js #3`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js #5`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js #7`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js #9`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js-responsive (500 width) #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js-responsive (500 width) #1`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js-responsive (500 width) #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js-responsive (500 width) #3`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js-responsive (500 width) #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js-responsive (500 width) #5`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js-responsive (500 width) #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js-responsive (500 width) #7`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js-responsive (500 width) #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js-responsive (500 width) #9`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js-responsive (750 width) #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js-responsive (750 width) #1`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js-responsive (750 width) #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js-responsive (750 width) #3`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js-responsive (750 width) #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js-responsive (750 width) #5`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js-responsive (750 width) #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js-responsive (750 width) #7`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js-responsive (750 width) #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js-responsive (750 width) #9`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js-responsive (1000 width) #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js-responsive (1000 width) #1`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js-responsive (1000 width) #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js-responsive (1000 width) #3`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js-responsive (1000 width) #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js-responsive (1000 width) #5`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js-responsive (1000 width) #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js-responsive (1000 width) #7`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js-responsive (1000 width) #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /bootstrap #nav-js-responsive (1000 width) #9`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #combo-nav-js #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /bootstrap #combo-nav-js #1`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #combo-nav-js #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /bootstrap #combo-nav-js #3`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #combo-nav-js #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /bootstrap #combo-nav-js #5`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #combo-nav-js #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /bootstrap #combo-nav-js #7`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #combo-nav-js #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /bootstrap #combo-nav-js #9`] = ` + +`; + +exports[`Test all navs for all styles > test /bootstrap #combo-nav-js #10`] = ` +

+ 941,942,943,944,945,946,947,948,949,950,951,952,953,954,955,956,957,958,959,960 +

+`; + +exports[`Test all navs for all styles > test /bootstrap #combo-nav-js #11`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #nav #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /bulma #nav #1`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #nav #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /bulma #nav #3`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #nav #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /bulma #nav #5`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #nav #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /bulma #nav #7`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #nav #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /bulma #nav #9`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #nav-js #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /bulma #nav-js #1`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #nav-js #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /bulma #nav-js #3`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #nav-js #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /bulma #nav-js #5`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #nav-js #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /bulma #nav-js #7`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #nav-js #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /bulma #nav-js #9`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #nav-js-responsive (500 width) #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /bulma #nav-js-responsive (500 width) #1`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #nav-js-responsive (500 width) #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /bulma #nav-js-responsive (500 width) #3`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #nav-js-responsive (500 width) #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /bulma #nav-js-responsive (500 width) #5`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #nav-js-responsive (500 width) #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /bulma #nav-js-responsive (500 width) #7`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #nav-js-responsive (500 width) #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /bulma #nav-js-responsive (500 width) #9`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #nav-js-responsive (750 width) #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /bulma #nav-js-responsive (750 width) #1`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #nav-js-responsive (750 width) #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /bulma #nav-js-responsive (750 width) #3`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #nav-js-responsive (750 width) #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /bulma #nav-js-responsive (750 width) #5`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #nav-js-responsive (750 width) #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /bulma #nav-js-responsive (750 width) #7`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #nav-js-responsive (750 width) #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /bulma #nav-js-responsive (750 width) #9`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #nav-js-responsive (1000 width) #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /bulma #nav-js-responsive (1000 width) #1`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #nav-js-responsive (1000 width) #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /bulma #nav-js-responsive (1000 width) #3`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #nav-js-responsive (1000 width) #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /bulma #nav-js-responsive (1000 width) #5`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #nav-js-responsive (1000 width) #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /bulma #nav-js-responsive (1000 width) #7`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #nav-js-responsive (1000 width) #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /bulma #nav-js-responsive (1000 width) #9`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #combo-nav-js #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /bulma #combo-nav-js #1`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #combo-nav-js #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /bulma #combo-nav-js #3`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #combo-nav-js #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /bulma #combo-nav-js #5`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #combo-nav-js #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /bulma #combo-nav-js #7`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #combo-nav-js #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /bulma #combo-nav-js #9`] = ` + +`; + +exports[`Test all navs for all styles > test /bulma #combo-nav-js #10`] = ` +

+ 941,942,943,944,945,946,947,948,949,950,951,952,953,954,955,956,957,958,959,960 +

+`; + +exports[`Test all navs for all styles > test /bulma #combo-nav-js #11`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #nav #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /foundation #nav #1`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #nav #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /foundation #nav #3`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #nav #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /foundation #nav #5`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #nav #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /foundation #nav #7`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #nav #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /foundation #nav #9`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #nav-js #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /foundation #nav-js #1`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #nav-js #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /foundation #nav-js #3`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #nav-js #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /foundation #nav-js #5`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #nav-js #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /foundation #nav-js #7`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #nav-js #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /foundation #nav-js #9`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #nav-js-responsive (500 width) #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /foundation #nav-js-responsive (500 width) #1`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #nav-js-responsive (500 width) #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /foundation #nav-js-responsive (500 width) #3`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #nav-js-responsive (500 width) #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /foundation #nav-js-responsive (500 width) #5`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #nav-js-responsive (500 width) #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /foundation #nav-js-responsive (500 width) #7`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #nav-js-responsive (500 width) #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /foundation #nav-js-responsive (500 width) #9`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #nav-js-responsive (750 width) #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /foundation #nav-js-responsive (750 width) #1`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #nav-js-responsive (750 width) #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /foundation #nav-js-responsive (750 width) #3`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #nav-js-responsive (750 width) #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /foundation #nav-js-responsive (750 width) #5`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #nav-js-responsive (750 width) #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /foundation #nav-js-responsive (750 width) #7`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #nav-js-responsive (750 width) #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /foundation #nav-js-responsive (750 width) #9`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #nav-js-responsive (1000 width) #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /foundation #nav-js-responsive (1000 width) #1`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #nav-js-responsive (1000 width) #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /foundation #nav-js-responsive (1000 width) #3`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #nav-js-responsive (1000 width) #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /foundation #nav-js-responsive (1000 width) #5`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #nav-js-responsive (1000 width) #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /foundation #nav-js-responsive (1000 width) #7`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #nav-js-responsive (1000 width) #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /foundation #nav-js-responsive (1000 width) #9`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #combo-nav-js #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /foundation #combo-nav-js #1`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #combo-nav-js #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /foundation #combo-nav-js #3`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #combo-nav-js #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /foundation #combo-nav-js #5`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #combo-nav-js #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /foundation #combo-nav-js #7`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #combo-nav-js #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /foundation #combo-nav-js #9`] = ` + +`; + +exports[`Test all navs for all styles > test /foundation #combo-nav-js #10`] = ` +

+ 941,942,943,944,945,946,947,948,949,950,951,952,953,954,955,956,957,958,959,960 +

+`; + +exports[`Test all navs for all styles > test /foundation #combo-nav-js #11`] = ` + +`; + +exports[`Test all navs for all styles > test /materialize #nav #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /materialize #nav #1`] = ` + +`; + +exports[`Test all navs for all styles > test /materialize #nav #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /materialize #nav #3`] = ` + +`; + +exports[`Test all navs for all styles > test /materialize #nav #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /materialize #nav #5`] = ` + +`; + +exports[`Test all navs for all styles > test /materialize #nav #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /materialize #nav #7`] = ` + +`; + +exports[`Test all navs for all styles > test /materialize #nav #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /materialize #nav #9`] = ` + +`; + +exports[`Test all navs for all styles > test /materialize #nav-js #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /materialize #nav-js #1`] = ` + +`; + +exports[`Test all navs for all styles > test /materialize #nav-js #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /materialize #nav-js #3`] = ` + +`; + +exports[`Test all navs for all styles > test /materialize #nav-js #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /materialize #nav-js #5`] = ` + +`; + +exports[`Test all navs for all styles > test /materialize #nav-js #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /materialize #nav-js #7`] = ` + +`; + +exports[`Test all navs for all styles > test /materialize #nav-js #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /materialize #nav-js #9`] = ` + +`; + +exports[`Test all navs for all styles > test /materialize #nav-js-responsive (500 width) #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /materialize #nav-js-responsive (500 width) #1`] = ` + +`; + +exports[`Test all navs for all styles > test /materialize #nav-js-responsive (500 width) #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /materialize #nav-js-responsive (500 width) #3`] = ` + +`; + +exports[`Test all navs for all styles > test /materialize #nav-js-responsive (500 width) #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /materialize #nav-js-responsive (500 width) #5`] = ` + +`; + +exports[`Test all navs for all styles > test /materialize #nav-js-responsive (500 width) #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /materialize #nav-js-responsive (500 width) #7`] = ` + +`; + +exports[`Test all navs for all styles > test /materialize #nav-js-responsive (500 width) #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /materialize #nav-js-responsive (500 width) #9`] = ` + +`; + +exports[`Test all navs for all styles > test /materialize #nav-js-responsive (750 width) #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /materialize #nav-js-responsive (750 width) #1`] = ` + +`; + +exports[`Test all navs for all styles > test /materialize #nav-js-responsive (750 width) #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /materialize #nav-js-responsive (750 width) #3`] = ` + +`; + +exports[`Test all navs for all styles > test /materialize #nav-js-responsive (750 width) #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /materialize #nav-js-responsive (750 width) #5`] = ` + +`; + +exports[`Test all navs for all styles > test /materialize #nav-js-responsive (750 width) #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /materialize #nav-js-responsive (750 width) #7`] = ` + +`; + +exports[`Test all navs for all styles > test /materialize #nav-js-responsive (750 width) #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /materialize #nav-js-responsive (750 width) #9`] = ` + +`; + +exports[`Test all navs for all styles > test /materialize #nav-js-responsive (1000 width) #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /materialize #nav-js-responsive (1000 width) #1`] = ` + +`; + +exports[`Test all navs for all styles > test /materialize #nav-js-responsive (1000 width) #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /materialize #nav-js-responsive (1000 width) #3`] = ` + +`; + +exports[`Test all navs for all styles > test /materialize #nav-js-responsive (1000 width) #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /materialize #nav-js-responsive (1000 width) #5`] = ` + +`; + +exports[`Test all navs for all styles > test /materialize #nav-js-responsive (1000 width) #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /materialize #nav-js-responsive (1000 width) #7`] = ` + +`; + +exports[`Test all navs for all styles > test /materialize #nav-js-responsive (1000 width) #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /materialize #nav-js-responsive (1000 width) #9`] = ` + +`; + +exports[`Test all navs for all styles > test /materialize #combo-nav-js #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /materialize #combo-nav-js #1`] = ` + +`; + +exports[`Test all navs for all styles > test /materialize #combo-nav-js #2`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /materialize #combo-nav-js #3`] = ` +
+ +
+ + of 50 +
+ +
+`; + +exports[`Test all navs for all styles > test /materialize #combo-nav-js #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /materialize #combo-nav-js #5`] = ` +
+ +
+ + of 50 +
+ +
+`; + +exports[`Test all navs for all styles > test /materialize #combo-nav-js #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /materialize #combo-nav-js #7`] = ` +
+ +
+ + of 50 +
+ +
+`; + +exports[`Test all navs for all styles > test /materialize #combo-nav-js #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /materialize #combo-nav-js #9`] = ` +
+ +
+ + of 50 +
+ +
+`; + +exports[`Test all navs for all styles > test /materialize #combo-nav-js #10`] = ` +

+ 941,942,943,944,945,946,947,948,949,950,951,952,953,954,955,956,957,958,959,960 +

+`; + +exports[`Test all navs for all styles > test /materialize #combo-nav-js #11`] = ` +
+ +
+ + of 50 +
+ +
+`; + +exports[`Test all navs for all styles > test /navs #nav #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /navs #nav #1`] = ` + +`; + +exports[`Test all navs for all styles > test /navs #nav #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /navs #nav #3`] = ` + +`; + +exports[`Test all navs for all styles > test /navs #nav #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /navs #nav #5`] = ` + +`; + +exports[`Test all navs for all styles > test /navs #nav #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /navs #nav #7`] = ` + +`; + +exports[`Test all navs for all styles > test /navs #nav #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /navs #nav #9`] = ` + +`; + +exports[`Test all navs for all styles > test /navs #nav-js #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /navs #nav-js #1`] = ` + +`; + +exports[`Test all navs for all styles > test /navs #nav-js #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /navs #nav-js #3`] = ` + +`; + +exports[`Test all navs for all styles > test /navs #nav-js #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /navs #nav-js #5`] = ` + +`; + +exports[`Test all navs for all styles > test /navs #nav-js #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /navs #nav-js #7`] = ` + +`; + +exports[`Test all navs for all styles > test /navs #nav-js #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /navs #nav-js #9`] = ` + +`; + +exports[`Test all navs for all styles > test /navs #nav-js-responsive (500 width) #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /navs #nav-js-responsive (500 width) #1`] = ` + +`; + +exports[`Test all navs for all styles > test /navs #nav-js-responsive (500 width) #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /navs #nav-js-responsive (500 width) #3`] = ` + +`; + +exports[`Test all navs for all styles > test /navs #nav-js-responsive (500 width) #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /navs #nav-js-responsive (500 width) #5`] = ` + +`; + +exports[`Test all navs for all styles > test /navs #nav-js-responsive (500 width) #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /navs #nav-js-responsive (500 width) #7`] = ` + +`; + +exports[`Test all navs for all styles > test /navs #nav-js-responsive (500 width) #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /navs #nav-js-responsive (500 width) #9`] = ` + +`; + +exports[`Test all navs for all styles > test /navs #nav-js-responsive (750 width) #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /navs #nav-js-responsive (750 width) #1`] = ` + +`; + +exports[`Test all navs for all styles > test /navs #nav-js-responsive (750 width) #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /navs #nav-js-responsive (750 width) #3`] = ` + +`; + +exports[`Test all navs for all styles > test /navs #nav-js-responsive (750 width) #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /navs #nav-js-responsive (750 width) #5`] = ` + +`; + +exports[`Test all navs for all styles > test /navs #nav-js-responsive (750 width) #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /navs #nav-js-responsive (750 width) #7`] = ` + +`; + +exports[`Test all navs for all styles > test /navs #nav-js-responsive (750 width) #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /navs #nav-js-responsive (750 width) #9`] = ` + +`; + +exports[`Test all navs for all styles > test /navs #nav-js-responsive (1000 width) #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /navs #nav-js-responsive (1000 width) #1`] = ` + +`; + +exports[`Test all navs for all styles > test /navs #nav-js-responsive (1000 width) #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /navs #nav-js-responsive (1000 width) #3`] = ` + +`; + +exports[`Test all navs for all styles > test /navs #nav-js-responsive (1000 width) #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /navs #nav-js-responsive (1000 width) #5`] = ` + +`; + +exports[`Test all navs for all styles > test /navs #nav-js-responsive (1000 width) #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /navs #nav-js-responsive (1000 width) #7`] = ` + +`; + +exports[`Test all navs for all styles > test /navs #nav-js-responsive (1000 width) #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /navs #nav-js-responsive (1000 width) #9`] = ` + +`; + +exports[`Test all navs for all styles > test /navs #combo-nav-js #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /navs #combo-nav-js #1`] = ` + +`; + +exports[`Test all navs for all styles > test /navs #combo-nav-js #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /navs #combo-nav-js #3`] = ` + +`; + +exports[`Test all navs for all styles > test /navs #combo-nav-js #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /navs #combo-nav-js #5`] = ` + +`; + +exports[`Test all navs for all styles > test /navs #combo-nav-js #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /navs #combo-nav-js #7`] = ` + +`; + +exports[`Test all navs for all styles > test /navs #combo-nav-js #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /navs #combo-nav-js #9`] = ` + +`; + +exports[`Test all navs for all styles > test /navs #combo-nav-js #10`] = ` +

+ 941,942,943,944,945,946,947,948,949,950,951,952,953,954,955,956,957,958,959,960 +

+`; + +exports[`Test all navs for all styles > test /navs #combo-nav-js #11`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #nav #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /semantic #nav #1`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #nav #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /semantic #nav #3`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #nav #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /semantic #nav #5`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #nav #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /semantic #nav #7`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #nav #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /semantic #nav #9`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #nav-js #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /semantic #nav-js #1`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #nav-js #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /semantic #nav-js #3`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #nav-js #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /semantic #nav-js #5`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #nav-js #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /semantic #nav-js #7`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #nav-js #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /semantic #nav-js #9`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #nav-js-responsive (500 width) #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /semantic #nav-js-responsive (500 width) #1`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #nav-js-responsive (500 width) #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /semantic #nav-js-responsive (500 width) #3`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #nav-js-responsive (500 width) #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /semantic #nav-js-responsive (500 width) #5`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #nav-js-responsive (500 width) #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /semantic #nav-js-responsive (500 width) #7`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #nav-js-responsive (500 width) #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /semantic #nav-js-responsive (500 width) #9`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #nav-js-responsive (750 width) #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /semantic #nav-js-responsive (750 width) #1`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #nav-js-responsive (750 width) #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /semantic #nav-js-responsive (750 width) #3`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #nav-js-responsive (750 width) #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /semantic #nav-js-responsive (750 width) #5`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #nav-js-responsive (750 width) #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /semantic #nav-js-responsive (750 width) #7`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #nav-js-responsive (750 width) #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /semantic #nav-js-responsive (750 width) #9`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #nav-js-responsive (1000 width) #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /semantic #nav-js-responsive (1000 width) #1`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #nav-js-responsive (1000 width) #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /semantic #nav-js-responsive (1000 width) #3`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #nav-js-responsive (1000 width) #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /semantic #nav-js-responsive (1000 width) #5`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #nav-js-responsive (1000 width) #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /semantic #nav-js-responsive (1000 width) #7`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #nav-js-responsive (1000 width) #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /semantic #nav-js-responsive (1000 width) #9`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #combo-nav-js #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /semantic #combo-nav-js #1`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #combo-nav-js #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /semantic #combo-nav-js #3`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #combo-nav-js #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /semantic #combo-nav-js #5`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #combo-nav-js #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /semantic #combo-nav-js #7`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #combo-nav-js #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /semantic #combo-nav-js #9`] = ` + +`; + +exports[`Test all navs for all styles > test /semantic #combo-nav-js #10`] = ` +

+ 941,942,943,944,945,946,947,948,949,950,951,952,953,954,955,956,957,958,959,960 +

+`; + +exports[`Test all navs for all styles > test /semantic #combo-nav-js #11`] = ` + +`; + +exports[`Test all navs for all styles > test /uikit #nav #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /uikit #nav #1`] = ` + +`; + +exports[`Test all navs for all styles > test /uikit #nav #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /uikit #nav #3`] = ` + +`; + +exports[`Test all navs for all styles > test /uikit #nav #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /uikit #nav #5`] = ` + +`; + +exports[`Test all navs for all styles > test /uikit #nav #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /uikit #nav #7`] = ` + +`; + +exports[`Test all navs for all styles > test /uikit #nav #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /uikit #nav #9`] = ` + +`; + +exports[`Test all navs for all styles > test /uikit #nav-js #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /uikit #nav-js #1`] = ` + +`; + +exports[`Test all navs for all styles > test /uikit #nav-js #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /uikit #nav-js #3`] = ` + +`; + +exports[`Test all navs for all styles > test /uikit #nav-js #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /uikit #nav-js #5`] = ` + +`; + +exports[`Test all navs for all styles > test /uikit #nav-js #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /uikit #nav-js #7`] = ` + +`; + +exports[`Test all navs for all styles > test /uikit #nav-js #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /uikit #nav-js #9`] = ` + +`; + +exports[`Test all navs for all styles > test /uikit #nav-js-responsive (500 width) #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /uikit #nav-js-responsive (500 width) #1`] = ` + +`; + +exports[`Test all navs for all styles > test /uikit #nav-js-responsive (500 width) #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /uikit #nav-js-responsive (500 width) #3`] = ` + +`; + +exports[`Test all navs for all styles > test /uikit #nav-js-responsive (500 width) #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /uikit #nav-js-responsive (500 width) #5`] = ` + +`; + +exports[`Test all navs for all styles > test /uikit #nav-js-responsive (500 width) #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /uikit #nav-js-responsive (500 width) #7`] = ` + +`; + +exports[`Test all navs for all styles > test /uikit #nav-js-responsive (500 width) #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /uikit #nav-js-responsive (500 width) #9`] = ` + +`; + +exports[`Test all navs for all styles > test /uikit #nav-js-responsive (750 width) #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /uikit #nav-js-responsive (750 width) #1`] = ` + +`; + +exports[`Test all navs for all styles > test /uikit #nav-js-responsive (750 width) #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /uikit #nav-js-responsive (750 width) #3`] = ` + +`; + +exports[`Test all navs for all styles > test /uikit #nav-js-responsive (750 width) #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /uikit #nav-js-responsive (750 width) #5`] = ` + +`; + +exports[`Test all navs for all styles > test /uikit #nav-js-responsive (750 width) #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /uikit #nav-js-responsive (750 width) #7`] = ` + +`; + +exports[`Test all navs for all styles > test /uikit #nav-js-responsive (750 width) #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /uikit #nav-js-responsive (750 width) #9`] = ` + +`; + +exports[`Test all navs for all styles > test /uikit #nav-js-responsive (1000 width) #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /uikit #nav-js-responsive (1000 width) #1`] = ` + +`; + +exports[`Test all navs for all styles > test /uikit #nav-js-responsive (1000 width) #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /uikit #nav-js-responsive (1000 width) #3`] = ` + +`; + +exports[`Test all navs for all styles > test /uikit #nav-js-responsive (1000 width) #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /uikit #nav-js-responsive (1000 width) #5`] = ` + +`; + +exports[`Test all navs for all styles > test /uikit #nav-js-responsive (1000 width) #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /uikit #nav-js-responsive (1000 width) #7`] = ` + +`; + +exports[`Test all navs for all styles > test /uikit #nav-js-responsive (1000 width) #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /uikit #nav-js-responsive (1000 width) #9`] = ` + +`; + +exports[`Test all navs for all styles > test /uikit #combo-nav-js #0`] = ` +

1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20

+`; + +exports[`Test all navs for all styles > test /uikit #combo-nav-js #1`] = ` +
+ +
+ + of 50 +
+ +
+`; + +exports[`Test all navs for all styles > test /uikit #combo-nav-js #2`] = ` +

21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40

+`; + +exports[`Test all navs for all styles > test /uikit #combo-nav-js #3`] = ` +
+ +
+ + of 50 +
+ +
+`; + +exports[`Test all navs for all styles > test /uikit #combo-nav-js #4`] = ` +

41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60

+`; + +exports[`Test all navs for all styles > test /uikit #combo-nav-js #5`] = ` +
+ +
+ + of 50 +
+ +
+`; + +exports[`Test all navs for all styles > test /uikit #combo-nav-js #6`] = ` +

+ 981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000 +

+`; + +exports[`Test all navs for all styles > test /uikit #combo-nav-js #7`] = ` +
+ +
+ + of 50 +
+ +
+`; + +exports[`Test all navs for all styles > test /uikit #combo-nav-js #8`] = ` +

+ 961,962,963,964,965,966,967,968,969,970,971,972,973,974,975,976,977,978,979,980 +

+`; + +exports[`Test all navs for all styles > test /uikit #combo-nav-js #9`] = ` +
+ +
+ + of 50 +
+ +
+`; + +exports[`Test all navs for all styles > test /uikit #combo-nav-js #10`] = ` +

+ 941,942,943,944,945,946,947,948,949,950,951,952,953,954,955,956,957,958,959,960 +

+`; + +exports[`Test all navs for all styles > test /uikit #combo-nav-js #11`] = ` +
+ +
+ + of 50 +
+ +
+`; diff --git a/test/e2e/cypress/integration/bootstrap.spec.js b/test/e2e/cypress/integration/bootstrap.spec.js deleted file mode 100644 index 1a60ccd94..000000000 --- a/test/e2e/cypress/integration/bootstrap.spec.js +++ /dev/null @@ -1,26 +0,0 @@ -/// - -import { fixCypressSpec } from '../support' -beforeEach(fixCypressSpec(__filename)) - -describe('Test Bootstrap', () => { - it('toMatchSnapshot - HTML', () => { - cy.visit('/bootstrap') - .then(() => { - cy.get('#site-map').toMatchSnapshot(); - }); - }); - - /* === Test Created with Cypress Studio === */ - it('Try Studio', function() { - /* ==== Generated with Cypress Studio ==== */ - cy.visit('/bootstrap'); - cy.get('#nav > .pagination > :nth-child(4) > .page-link').click(); - cy.get('#nav-js-responsive > .pagination > :nth-child(8) > .page-link').click(); - cy.get('.text-primary').click(); - cy.get('.text-primary').clear(); - cy.get('.text-primary').type('34{enter}'); - /* ==== End Cypress Studio ==== */ - }); -}) - diff --git a/test/e2e/cypress/integration/dummy.spec.js b/test/e2e/cypress/integration/dummy.spec.js deleted file mode 100644 index c4734fe08..000000000 --- a/test/e2e/cypress/integration/dummy.spec.js +++ /dev/null @@ -1,14 +0,0 @@ -/// - -import { fixCypressSpec } from '../support' -beforeEach(fixCypressSpec(__filename)) - -describe('Dummy Test', () => { - it('toMatchSnapshot - HTML', () => { - cy.visit('/') - .then(() => { - cy.get('#site-map').toMatchSnapshot(); - }); - }); -}) - diff --git a/test/e2e/cypress/integration/helpers.spec.js b/test/e2e/cypress/integration/helpers.spec.js new file mode 100644 index 000000000..a2059a6e5 --- /dev/null +++ b/test/e2e/cypress/integration/helpers.spec.js @@ -0,0 +1,28 @@ +/// + +import { fixCypressSpec } from '../support' +beforeEach(fixCypressSpec(__filename)) + +describe('Test generic helpers', () => { + const pages = [1, 5, 36, 50]; + it('test pagy_info', () => { + const id = '#pagy-info'; + for(let p = 0; p < pages.length; p++) { + cy.visit('/navs?page=' + pages[p]); + cy.snapId(id) + } + }); + it('test pagy_items_selector_js', () => { + const id = '#items-selector-js'; + for(let p = 0; p < pages.length; p++) { + cy.visit('/navs?page=' + pages[p]); + cy.snapId(id) + cy.get(id + ' input').type('10{enter}'); + cy.snapId(id); + cy.get(id + ' input').type('17').blur(); + cy.snapId(id); + cy.get(id + ' input').focus().type('{uparrow}{enter}'); + cy.snapId(id); + } + }) +}) diff --git a/test/e2e/cypress/integration/nav.spec.js b/test/e2e/cypress/integration/nav.spec.js new file mode 100644 index 000000000..66e5ab964 --- /dev/null +++ b/test/e2e/cypress/integration/nav.spec.js @@ -0,0 +1,31 @@ +/// + +import { fixCypressSpec } from '../support' +beforeEach(fixCypressSpec(__filename)) + +describe('Test all navs for all styles', () => { + const ids = ['#nav', '#nav-js']; + const widths = [500, 750, 1000]; + // nav and nav-js + for(let s = 0; s < styles.length; s++) { + let style = styles[s]; + for (let i = 0; i < ids.length; i++) { + let id = ids[i] + it('test ' + style + ' ' + id, () => { + cy.navStyleId(style, id); + }); + } + // nav-js-responsive at different widths + for(let w = 0; w < widths.length; w++) { + let width = widths[w] + it('test ' + style + ' #nav-js-responsive (' + width + ' width)', () => { + cy.viewport(width, 1000); + cy.navStyleId(style, '#nav-js-responsive'); + }); + } + // combo-nav-js + it('test ' + style + ' #combo-nav-js', () => { + cy.comboNavStyle(style); + }); + } +}) diff --git a/test/e2e/cypress/support/commands.js b/test/e2e/cypress/support/commands.js index c2f46da21..ba4a9a0e2 100644 --- a/test/e2e/cypress/support/commands.js +++ b/test/e2e/cypress/support/commands.js @@ -25,3 +25,65 @@ // Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... }) import 'cypress-plugin-snapshots/commands'; + +global.styles = ['/bootstrap', '/bulma', '/foundation', '/materialize', '/navs', '/semantic', '/uikit']; + +Cypress.Commands.add('snapId', (id) => { + cy.get('#records').toMatchSnapshot(); + cy.get(id).toMatchSnapshot(); +}) + +Cypress.Commands.add('navStyleId', (style, id) => { + cy.visit(style); + cy.snapId(id); + + if (style === '/materialize' || style === '/semantic') { + cy.get(id + ' a:last').click(); + } else { + cy.get(id).contains('Next').click(); + } + cy.snapId(id); + + cy.get(id).contains('3').click(); + cy.snapId(id); + + cy.get(id).contains('50').click(); + cy.snapId(id); + + + if (style === '/materialize' || style === '/semantic') { + cy.get(id + ' a:first').click(); + } else { + cy.get(id).contains('Prev').click(); + } + cy.snapId(id); +}) + +Cypress.Commands.add('comboNavStyle', (style) => { + const id = '#combo-nav-js' + cy.visit(style); + cy.snapId(id); + + if (style === '/materialize' || style === '/semantic') { + cy.get(id + ' a:last').click(); + } else { + cy.get(id).contains('Next').click(); + } + cy.snapId(id); + + cy.get(id + ' input').type('3{enter}'); + cy.snapId(id); + + cy.get(id + ' input').type('50').blur(); + cy.snapId(id); + + cy.get(id + ' input').focus().type('{downarrow}{enter}'); + cy.snapId(id); + + if (style === '/materialize' || style === '/semantic') { + cy.get(id + ' a:first').click(); + } else { + cy.get(id).contains('Prev').click(); + } + cy.snapId(id); +})