-
Notifications
You must be signed in to change notification settings - Fork 408
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
105 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -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">‹ 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 ›</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">‹ 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 ›</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">‹ 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 ›</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">‹ Prev</a></span> ','1':'<span class="page"><a href="/foo?page=1" >1</a></span> ','gap':'<span class="page gap">…</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 ›</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">‹ 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 ›</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">‹ 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 ›</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">‹ 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 ›</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">‹ 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">…</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 ›</a></li>'}, [0], {"0":[1,"gap",6,7,8,9,"10",11,12,13,14,"gap",50]});</script>), | ||
html | ||
) | ||
end | ||
|
||
end | ||
end |