added responsive extra tests

test/pagy/extras/responsive_test.rb

@@ -0,0 +1,105 @@
+require_relative '../../test_helper'
+require 'pagy/extras/responsive'
+
+SingleCov.covered!
+
+describe Pagy::Frontend do
+
+  let(:frontend) { TestView.new }
+
+  describe "#pagy_nav_responsive" do
+    before do
+      @array = (1..103).to_a.extend(Pagy::Array::PageMethod)
+    end
+
+    def test_pagy_nav_responsive_page_1
+      pagy, _  = @array.pagy(1)
+      html, id = frontend.pagy_nav_responsive(pagy), caller(0,1)[0].hash
+
+      assert_equal(
+      %(<nav id="pagy-nav-#{id}" class="pagy-nav-responsive pagination" role="navigation" aria-label="pager"></nav><script>PagyResponsive('#{id}', {'prev':'<span class="page prev disabled">&lsaquo;&nbsp;Prev</span> ','1':'<span class="page active">1</span> ','2':'<span class="page"><a href="/foo?page=2"   rel="next" >2</a></span> ','3':'<span class="page"><a href="/foo?page=3"   >3</a></span> ','4':'<span class="page"><a href="/foo?page=4"   >4</a></span> ','5':'<span class="page"><a href="/foo?page=5"   >5</a></span> ','6':'<span class="page"><a href="/foo?page=6"   >6</a></span> ','next':'<span class="page next"><a href="/foo?page=2"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span>'}, [0], {"0":["1",2,3,4,5,6]});</script>),
+      html
+      )
+    end
+
+    def test_pagy_nav_responsive_page_3
+      pagy, _  = @array.pagy(3)
+      html, id = frontend.pagy_nav_responsive(pagy), caller(0,1)[0].hash
+
+      assert_equal(
+      %(<nav id="pagy-nav-#{id}" class="pagy-nav-responsive pagination" role="navigation" aria-label="pager"></nav><script>PagyResponsive('#{id}', {'prev':'<span class="page prev"><a href="/foo?page=2"   rel="prev" aria-label="previous">&lsaquo;&nbsp;Prev</a></span> ','1':'<span class="page"><a href="/foo?page=1"   >1</a></span> ','2':'<span class="page"><a href="/foo?page=2"   rel="prev" >2</a></span> ','3':'<span class="page active">3</span> ','4':'<span class="page"><a href="/foo?page=4"   rel="next" >4</a></span> ','5':'<span class="page"><a href="/foo?page=5"   >5</a></span> ','6':'<span class="page"><a href="/foo?page=6"   >6</a></span> ','next':'<span class="page next"><a href="/foo?page=4"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span>'}, [0], {"0":[1,2,"3",4,5,6]});</script>),
+      html
+      )
+    end
+
+    def test_pagy_nav_responsive_page_6
+      pagy, _ = @array.pagy(6)
+      html, id = frontend.pagy_nav_responsive(pagy), caller(0,1)[0].hash
+
+      assert_equal(
+      %(<nav id="pagy-nav-#{id}" class="pagy-nav-responsive pagination" role="navigation" aria-label="pager"></nav><script>PagyResponsive('#{id}', {'prev':'<span class="page prev"><a href="/foo?page=5"   rel="prev" aria-label="previous">&lsaquo;&nbsp;Prev</a></span> ','1':'<span class="page"><a href="/foo?page=1"   >1</a></span> ','2':'<span class="page"><a href="/foo?page=2"   >2</a></span> ','3':'<span class="page"><a href="/foo?page=3"   >3</a></span> ','4':'<span class="page"><a href="/foo?page=4"   >4</a></span> ','5':'<span class="page"><a href="/foo?page=5"   rel="prev" >5</a></span> ','6':'<span class="page active">6</span> ','next':'<span class="page next disabled">Next&nbsp;&rsaquo;</span>'}, [0], {"0":[1,2,3,4,5,"6"]});</script>),
+      html
+      )
+    end
+
+    def test_pagy_nav_responsive_page_10
+      @array   = (1..1000).to_a.extend(Pagy::Array::PageMethod)
+      pagy, _  = @array.pagy(10)
+      html, id = frontend.pagy_nav_responsive(pagy), caller(0,1)[0].hash
+
+      assert_equal(
+        %(<nav id="pagy-nav-#{id}" class="pagy-nav-responsive pagination" role="navigation" aria-label="pager"></nav><script>PagyResponsive('#{id}', {'prev':'<span class="page prev"><a href="/foo?page=9"   rel="prev" aria-label="previous">&lsaquo;&nbsp;Prev</a></span> ','1':'<span class="page"><a href="/foo?page=1"   >1</a></span> ','gap':'<span class="page gap">&hellip;</span> ','6':'<span class="page"><a href="/foo?page=6"   >6</a></span> ','7':'<span class="page"><a href="/foo?page=7"   >7</a></span> ','8':'<span class="page"><a href="/foo?page=8"   >8</a></span> ','9':'<span class="page"><a href="/foo?page=9"   rel="prev" >9</a></span> ','10':'<span class="page active">10</span> ','11':'<span class="page"><a href="/foo?page=11"   rel="next" >11</a></span> ','12':'<span class="page"><a href="/foo?page=12"   >12</a></span> ','13':'<span class="page"><a href="/foo?page=13"   >13</a></span> ','14':'<span class="page"><a href="/foo?page=14"   >14</a></span> ','50':'<span class="page"><a href="/foo?page=50"   >50</a></span> ','next':'<span class="page next"><a href="/foo?page=11"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span>'}, [0], {"0":[1,"gap",6,7,8,9,"10",11,12,13,14,"gap",50]});</script>),
+        html
+      )
+    end
+
+  end
+
+  describe "#pagy_nav_bootstrap_responsive" do
+    before do
+      @array = (1..103).to_a.extend(Pagy::Array::PageMethod)
+    end
+
+    def test_pagy_nav_bootstrap_responsive_page_1
+      pagy, _  = @array.pagy(1)
+      html, id = frontend.pagy_nav_bootstrap_responsive(pagy), caller(0,1)[0].hash
+
+      assert_equal(
+      %(<nav id="pagy-nav-#{id}" class="pagy-nav-bootstrap-responsive pagination" role="navigation" aria-label="pager"><ul class="pagination"></ul></nav><script>PagyResponsive('#{id}', {'prev':'<li class="page-item prev disabled"><a href="#" class="page-link">&lsaquo;&nbsp;Prev</a></li>','1':'<li class="page-item active"><a href="/foo?page=1"  class="page-link" >1</a></li>','2':'<li class="page-item"><a href="/foo?page=2"  class="page-link" rel="next" >2</a></li>','3':'<li class="page-item"><a href="/foo?page=3"  class="page-link" >3</a></li>','4':'<li class="page-item"><a href="/foo?page=4"  class="page-link" >4</a></li>','5':'<li class="page-item"><a href="/foo?page=5"  class="page-link" >5</a></li>','6':'<li class="page-item"><a href="/foo?page=6"  class="page-link" >6</a></li>','next':'<li class="page-item next"><a href="/foo?page=2"  class="page-link" rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></li>'}, [0], {"0":["1",2,3,4,5,6]});</script>),
+      html
+      )
+    end
+
+    def test_pagy_nav_bootstrap_responsive_page_3
+      pagy, _  = @array.pagy(3)
+      html, id = frontend.pagy_nav_bootstrap_responsive(pagy), caller(0,1)[0].hash
+
+      assert_equal(
+      %(<nav id="pagy-nav-#{id}" class="pagy-nav-bootstrap-responsive pagination" role="navigation" aria-label="pager"><ul class="pagination"></ul></nav><script>PagyResponsive('#{id}', {'prev':'<li class="page-item prev"><a href="/foo?page=2"  class="page-link" rel="prev" aria-label="previous">&lsaquo;&nbsp;Prev</a></li>','1':'<li class="page-item"><a href="/foo?page=1"  class="page-link" >1</a></li>','2':'<li class="page-item"><a href="/foo?page=2"  class="page-link" rel="prev" >2</a></li>','3':'<li class="page-item active"><a href="/foo?page=3"  class="page-link" >3</a></li>','4':'<li class="page-item"><a href="/foo?page=4"  class="page-link" rel="next" >4</a></li>','5':'<li class="page-item"><a href="/foo?page=5"  class="page-link" >5</a></li>','6':'<li class="page-item"><a href="/foo?page=6"  class="page-link" >6</a></li>','next':'<li class="page-item next"><a href="/foo?page=4"  class="page-link" rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></li>'}, [0], {"0":[1,2,"3",4,5,6]});</script>),
+      html
+      )
+    end
+
+    def test_pagy_nav_bootstrap_responsive_page_6
+      pagy, _  = @array.pagy(6)
+      html, id = frontend.pagy_nav_bootstrap_responsive(pagy), caller(0,1)[0].hash
+
+      assert_equal(
+      %(<nav id="pagy-nav-#{id}" class="pagy-nav-bootstrap-responsive pagination" role="navigation" aria-label="pager"><ul class="pagination"></ul></nav><script>PagyResponsive('#{id}', {'prev':'<li class="page-item prev"><a href="/foo?page=5"  class="page-link" rel="prev" aria-label="previous">&lsaquo;&nbsp;Prev</a></li>','1':'<li class="page-item"><a href="/foo?page=1"  class="page-link" >1</a></li>','2':'<li class="page-item"><a href="/foo?page=2"  class="page-link" >2</a></li>','3':'<li class="page-item"><a href="/foo?page=3"  class="page-link" >3</a></li>','4':'<li class="page-item"><a href="/foo?page=4"  class="page-link" >4</a></li>','5':'<li class="page-item"><a href="/foo?page=5"  class="page-link" rel="prev" >5</a></li>','6':'<li class="page-item active"><a href="/foo?page=6"  class="page-link" >6</a></li>','next':'<li class="page-item next disabled"><a href="#" class="page-link">Next&nbsp;&rsaquo;</a></li>'}, [0], {"0":[1,2,3,4,5,"6"]});</script>),
+      html
+      )
+    end
+
+    def test_pagy_nav_bootstrap_responsive_page_10
+      @array   = (1..1000).to_a.extend(Pagy::Array::PageMethod)
+      pagy, _  = @array.pagy(10)
+      html, id = frontend.pagy_nav_bootstrap_responsive(pagy), caller(0,1)[0].hash
+
+      assert_equal(
+        %(<nav id="pagy-nav-#{id}" class="pagy-nav-bootstrap-responsive pagination" role="navigation" aria-label="pager"><ul class="pagination"></ul></nav><script>PagyResponsive('#{id}', {'prev':'<li class="page-item prev"><a href="/foo?page=9"  class="page-link" rel="prev" aria-label="previous">&lsaquo;&nbsp;Prev</a></li>','1':'<li class="page-item"><a href="/foo?page=1"  class="page-link" >1</a></li>','gap':'<li class="page-item gap disabled"><a href="#" class="page-link">&hellip;</a></li>','6':'<li class="page-item"><a href="/foo?page=6"  class="page-link" >6</a></li>','7':'<li class="page-item"><a href="/foo?page=7"  class="page-link" >7</a></li>','8':'<li class="page-item"><a href="/foo?page=8"  class="page-link" >8</a></li>','9':'<li class="page-item"><a href="/foo?page=9"  class="page-link" rel="prev" >9</a></li>','10':'<li class="page-item active"><a href="/foo?page=10"  class="page-link" >10</a></li>','11':'<li class="page-item"><a href="/foo?page=11"  class="page-link" rel="next" >11</a></li>','12':'<li class="page-item"><a href="/foo?page=12"  class="page-link" >12</a></li>','13':'<li class="page-item"><a href="/foo?page=13"  class="page-link" >13</a></li>','14':'<li class="page-item"><a href="/foo?page=14"  class="page-link" >14</a></li>','50':'<li class="page-item"><a href="/foo?page=50"  class="page-link" >50</a></li>','next':'<li class="page-item next"><a href="/foo?page=11"  class="page-link" rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></li>'}, [0], {"0":[1,"gap",6,7,8,9,"10",11,12,13,14,"gap",50]});</script>),
+        html
+      )
+    end
+
+  end
+end