added specs for navigation fix and updated assets

Author: jonasjabari

spec/usage/components/transition_spec.rb

@@ -14,7 +14,7 @@ def response
             transition path: :page1_path do
               button text: "Page 1"
             end
-            transition path: :page2_path do
+            transition path: :page2_path, params: { some_other_param: "bar" } do
               button text: "Page 2"
             end
           end
@@ -37,6 +37,7 @@ def response
           div id: "my-div-on-page-1" do
             heading size: 2, text: "This is Page 1"
             plain "#{DateTime.now.strftime('%Q')}"
+            plain "#{context[:params][:some_param]}"
           end
         }
       end
@@ -53,6 +54,7 @@ def response
           end
           transition path: :page1_path do
             button text: "Back to Page 1"
+            plain "#{context[:params][:some_other_param]}"
           end
         }
       end
@@ -157,6 +159,53 @@ def page2
     expect(page).to have_selector("body.not-reloaded")
   end
 
+  it "Example 3 - Perform transition from one page to another without page reload when using page history buttons" do
+
+    visit "/my_example_app/page1?some_param=foo"
+
+    expect(page).to have_content("My Example App Layout")
+    expect(page).to have_button("Page 1")
+    expect(page).to have_button("Page 2")
+
+    expect(page).to have_content("This is Page 1")
+    expect(page).to have_content("foo")
+    expect(page).not_to have_content("This is Page 2")
+
+    element = page.find("#my-div-on-page-1")
+    first_content_on_page_1 = element.text
+
+    page.evaluate_script('document.body.classList.add("not-reloaded")')
+    expect(page).to have_selector("body.not-reloaded")
+
+    click_button("Page 2")
+
+    expect(page).to have_content("My Example App Layout")
+    expect(page).not_to have_content("This is Page 1")
+    expect(page).not_to have_content("foo")
+    expect(page).to have_content("This is Page 2")
+    expect(page).to have_content("bar")
+    expect(page).to have_selector("body.not-reloaded")
+
+    page.go_back
+
+    expect(page).to have_content("My Example App Layout")
+    expect(page).to have_content("This is Page 1")
+    expect(page).to have_content("foo")
+    expect(page).not_to have_content("This is Page 2")
+    expect(page).not_to have_content("bar")
+    expect(page).to have_selector("body.not-reloaded")
+    expect(page).to have_no_content(first_content_on_page_1)
+
+    page.go_forward
+
+    expect(page).to have_content("My Example App Layout")
+    expect(page).not_to have_content("This is Page 1")
+    expect(page).not_to have_content("foo")
+    expect(page).to have_content("This is Page 2")
+    expect(page).to have_content("bar")
+    expect(page).to have_selector("body.not-reloaded")
+  end
+
   # supposed to work, but doesn't. Suspect Vue is the culprint here
   # it "Example 2 - Perform transition from one page to another by providing route as string (not recommended)" do
   #

vendor/assets/javascripts/dist/manifest.json

@@ -2,17 +2,21 @@
   "entrypoints": {
     "matestack-ui-core": {
       "css": [
-        "/dist/matestack-ui-core.min.css"
+        "/dist/matestack-ui-core.css"
       ],
       "js": [
-        "/dist/matestack-ui-core.min.js"
+        "/dist/matestack-ui-core.js"
+      ],
+      "css.map": [
+        "/dist/matestack-ui-core.css.map"
       ],
       "js.map": [
-        "/dist/matestack-ui-core.min.js.map"
+        "/dist/matestack-ui-core.js.map"
       ]
     }
   },
-  "matestack-ui-core.css": "/dist/matestack-ui-core.min.css",
-  "matestack-ui-core.js": "/dist/matestack-ui-core.min.js",
-  "matestack-ui-core.js.map": "/dist/matestack-ui-core.min.js.map"
+  "matestack-ui-core.css": "/dist/matestack-ui-core.css",
+  "matestack-ui-core.css.map": "/dist/matestack-ui-core.css.map",
+  "matestack-ui-core.js": "/dist/matestack-ui-core.js",
+  "matestack-ui-core.js.map": "/dist/matestack-ui-core.js.map"
 }