fix(pagination): add page class for "page" item (#1129)

ymc-sise · Haroenv · commit afacf8b3a9b8 · 2022-06-28T11:43:00.000+02:00
* add page class for "page" item

* add ais-Pagination-item--page class to Pagination snapshot
diff --git a/src/components/Pagination.vue b/src/components/Pagination.vue
@@ -78,6 +78,7 @@
         <li
           :class="{
             [suit('item')]: true,
+            [suit('item', 'page')]: true,
             [suit('item', 'selected')]: state.currentRefinement === page
           }"
           v-for="page in state.pages"
diff --git a/src/components/__tests__/__snapshots__/Pagination.js.snap b/src/components/__tests__/__snapshots__/Pagination.js.snap
@@ -19,49 +19,49 @@ exports[`renders correctly another page 1`] = `
         ‹
       </a>
     </li>
-    <li class="ais-Pagination-item">
+    <li class="ais-Pagination-item ais-Pagination-item--page">
       <a class="ais-Pagination-link"
          href="#"
       >
         4
       </a>
     </li>
-    <li class="ais-Pagination-item">
+    <li class="ais-Pagination-item ais-Pagination-item--page">
       <a class="ais-Pagination-link"
          href="#"
       >
         5
       </a>
     </li>
-    <li class="ais-Pagination-item">
+    <li class="ais-Pagination-item ais-Pagination-item--page">
       <a class="ais-Pagination-link"
          href="#"
       >
         6
       </a>
     </li>
-    <li class="ais-Pagination-item ais-Pagination-item--selected">
+    <li class="ais-Pagination-item ais-Pagination-item--page ais-Pagination-item--selected">
       <a class="ais-Pagination-link"
          href="#"
       >
         7
       </a>
     </li>
-    <li class="ais-Pagination-item">
+    <li class="ais-Pagination-item ais-Pagination-item--page">
       <a class="ais-Pagination-link"
          href="#"
       >
         8
       </a>
     </li>
-    <li class="ais-Pagination-item">
+    <li class="ais-Pagination-item ais-Pagination-item--page">
       <a class="ais-Pagination-link"
          href="#"
       >
         9
       </a>
     </li>
-    <li class="ais-Pagination-item">
+    <li class="ais-Pagination-item ais-Pagination-item--page">
       <a class="ais-Pagination-link"
          href="#"
       >
@@ -105,49 +105,49 @@ exports[`renders correctly first page 1`] = `
         ‹
       </span>
     </li>
-    <li class="ais-Pagination-item ais-Pagination-item--selected">
+    <li class="ais-Pagination-item ais-Pagination-item--page ais-Pagination-item--selected">
       <a class="ais-Pagination-link"
          href="#"
       >
         1
       </a>
     </li>
-    <li class="ais-Pagination-item">
+    <li class="ais-Pagination-item ais-Pagination-item--page">
       <a class="ais-Pagination-link"
          href="#"
       >
         2
       </a>
     </li>
-    <li class="ais-Pagination-item">
+    <li class="ais-Pagination-item ais-Pagination-item--page">
       <a class="ais-Pagination-link"
          href="#"
       >
         3
       </a>
     </li>
-    <li class="ais-Pagination-item">
+    <li class="ais-Pagination-item ais-Pagination-item--page">
       <a class="ais-Pagination-link"
          href="#"
       >
         4
       </a>
     </li>
-    <li class="ais-Pagination-item">
+    <li class="ais-Pagination-item ais-Pagination-item--page">
       <a class="ais-Pagination-link"
          href="#"
       >
         5
       </a>
     </li>
-    <li class="ais-Pagination-item">
+    <li class="ais-Pagination-item ais-Pagination-item--page">
       <a class="ais-Pagination-link"
          href="#"
       >
         6
       </a>
     </li>
-    <li class="ais-Pagination-item">
+    <li class="ais-Pagination-item ais-Pagination-item--page">
       <a class="ais-Pagination-link"
          href="#"
       >
@@ -193,49 +193,49 @@ exports[`renders correctly last page 1`] = `
         ‹
       </a>
     </li>
-    <li class="ais-Pagination-item">
+    <li class="ais-Pagination-item ais-Pagination-item--page">
       <a class="ais-Pagination-link"
          href="#"
       >
         4
       </a>
     </li>
-    <li class="ais-Pagination-item">
+    <li class="ais-Pagination-item ais-Pagination-item--page">
       <a class="ais-Pagination-link"
          href="#"
       >
         5
       </a>
     </li>
-    <li class="ais-Pagination-item">
+    <li class="ais-Pagination-item ais-Pagination-item--page">
       <a class="ais-Pagination-link"
          href="#"
       >
         6
       </a>
     </li>
-    <li class="ais-Pagination-item">
+    <li class="ais-Pagination-item ais-Pagination-item--page">
       <a class="ais-Pagination-link"
          href="#"
       >
         7
       </a>
     </li>
-    <li class="ais-Pagination-item">
+    <li class="ais-Pagination-item ais-Pagination-item--page">
       <a class="ais-Pagination-link"
          href="#"
       >
         8
       </a>
     </li>
-    <li class="ais-Pagination-item">
+    <li class="ais-Pagination-item ais-Pagination-item--page">
       <a class="ais-Pagination-link"
          href="#"
       >
         9
       </a>
     </li>
-    <li class="ais-Pagination-item ais-Pagination-item--selected">
+    <li class="ais-Pagination-item ais-Pagination-item--page ais-Pagination-item--selected">
       <a class="ais-Pagination-link"
          href="#"
       >

Original file line number	Diff line number	Diff line change
@@ -19,49 +19,49 @@ exports[`renders correctly another page 1`] = `
`19`	`19`	`‹`
`20`	`20`	`</a>`
`21`	`21`	`</li>`
`22`		`- <li class="ais-Pagination-item">`
	`22`	`+ <li class="ais-Pagination-item ais-Pagination-item--page">`
`23`	`23`	`<a class="ais-Pagination-link"`
`24`	`24`	`href="#"`
`25`	`25`	`>`
`26`	`26`	`4`
`27`	`27`	`</a>`
`28`	`28`	`</li>`
`29`		`- <li class="ais-Pagination-item">`
	`29`	`+ <li class="ais-Pagination-item ais-Pagination-item--page">`
`30`	`30`	`<a class="ais-Pagination-link"`
`31`	`31`	`href="#"`
`32`	`32`	`>`
`33`	`33`	`5`
`34`	`34`	`</a>`
`35`	`35`	`</li>`
`36`		`- <li class="ais-Pagination-item">`
	`36`	`+ <li class="ais-Pagination-item ais-Pagination-item--page">`
`37`	`37`	`<a class="ais-Pagination-link"`
`38`	`38`	`href="#"`
`39`	`39`	`>`
`40`	`40`	`6`
`41`	`41`	`</a>`
`42`	`42`	`</li>`
`43`		`- <li class="ais-Pagination-item ais-Pagination-item--selected">`
	`43`	`+ <li class="ais-Pagination-item ais-Pagination-item--page ais-Pagination-item--selected">`
`44`	`44`	`<a class="ais-Pagination-link"`
`45`	`45`	`href="#"`
`46`	`46`	`>`
`47`	`47`	`7`
`48`	`48`	`</a>`
`49`	`49`	`</li>`
`50`		`- <li class="ais-Pagination-item">`
	`50`	`+ <li class="ais-Pagination-item ais-Pagination-item--page">`
`51`	`51`	`<a class="ais-Pagination-link"`
`52`	`52`	`href="#"`
`53`	`53`	`>`
`54`	`54`	`8`
`55`	`55`	`</a>`
`56`	`56`	`</li>`
`57`		`- <li class="ais-Pagination-item">`
	`57`	`+ <li class="ais-Pagination-item ais-Pagination-item--page">`
`58`	`58`	`<a class="ais-Pagination-link"`
`59`	`59`	`href="#"`
`60`	`60`	`>`
`61`	`61`	`9`
`62`	`62`	`</a>`
`63`	`63`	`</li>`
`64`		`- <li class="ais-Pagination-item">`
	`64`	`+ <li class="ais-Pagination-item ais-Pagination-item--page">`
`65`	`65`	`<a class="ais-Pagination-link"`
`66`	`66`	`href="#"`
`67`	`67`	`>`
@@ -105,49 +105,49 @@ exports[`renders correctly first page 1`] = `
`105`	`105`	`‹`
`106`	`106`	`</span>`
`107`	`107`	`</li>`
`108`		`- <li class="ais-Pagination-item ais-Pagination-item--selected">`
	`108`	`+ <li class="ais-Pagination-item ais-Pagination-item--page ais-Pagination-item--selected">`
`109`	`109`	`<a class="ais-Pagination-link"`
`110`	`110`	`href="#"`
`111`	`111`	`>`
`112`	`112`	`1`
`113`	`113`	`</a>`
`114`	`114`	`</li>`
`115`		`- <li class="ais-Pagination-item">`
	`115`	`+ <li class="ais-Pagination-item ais-Pagination-item--page">`
`116`	`116`	`<a class="ais-Pagination-link"`
`117`	`117`	`href="#"`
`118`	`118`	`>`
`119`	`119`	`2`
`120`	`120`	`</a>`
`121`	`121`	`</li>`
`122`		`- <li class="ais-Pagination-item">`
	`122`	`+ <li class="ais-Pagination-item ais-Pagination-item--page">`
`123`	`123`	`<a class="ais-Pagination-link"`
`124`	`124`	`href="#"`
`125`	`125`	`>`
`126`	`126`	`3`
`127`	`127`	`</a>`
`128`	`128`	`</li>`
`129`		`- <li class="ais-Pagination-item">`
	`129`	`+ <li class="ais-Pagination-item ais-Pagination-item--page">`
`130`	`130`	`<a class="ais-Pagination-link"`
`131`	`131`	`href="#"`
`132`	`132`	`>`
`133`	`133`	`4`
`134`	`134`	`</a>`
`135`	`135`	`</li>`
`136`		`- <li class="ais-Pagination-item">`
	`136`	`+ <li class="ais-Pagination-item ais-Pagination-item--page">`
`137`	`137`	`<a class="ais-Pagination-link"`
`138`	`138`	`href="#"`
`139`	`139`	`>`
`140`	`140`	`5`
`141`	`141`	`</a>`
`142`	`142`	`</li>`
`143`		`- <li class="ais-Pagination-item">`
	`143`	`+ <li class="ais-Pagination-item ais-Pagination-item--page">`
`144`	`144`	`<a class="ais-Pagination-link"`
`145`	`145`	`href="#"`
`146`	`146`	`>`
`147`	`147`	`6`
`148`	`148`	`</a>`
`149`	`149`	`</li>`
`150`		`- <li class="ais-Pagination-item">`
	`150`	`+ <li class="ais-Pagination-item ais-Pagination-item--page">`
`151`	`151`	`<a class="ais-Pagination-link"`
`152`	`152`	`href="#"`
`153`	`153`	`>`
@@ -193,49 +193,49 @@ exports[`renders correctly last page 1`] = `
`193`	`193`	`‹`
`194`	`194`	`</a>`
`195`	`195`	`</li>`
`196`		`- <li class="ais-Pagination-item">`
	`196`	`+ <li class="ais-Pagination-item ais-Pagination-item--page">`
`197`	`197`	`<a class="ais-Pagination-link"`
`198`	`198`	`href="#"`
`199`	`199`	`>`
`200`	`200`	`4`
`201`	`201`	`</a>`
`202`	`202`	`</li>`
`203`		`- <li class="ais-Pagination-item">`
	`203`	`+ <li class="ais-Pagination-item ais-Pagination-item--page">`
`204`	`204`	`<a class="ais-Pagination-link"`
`205`	`205`	`href="#"`
`206`	`206`	`>`
`207`	`207`	`5`
`208`	`208`	`</a>`
`209`	`209`	`</li>`
`210`		`- <li class="ais-Pagination-item">`
	`210`	`+ <li class="ais-Pagination-item ais-Pagination-item--page">`
`211`	`211`	`<a class="ais-Pagination-link"`
`212`	`212`	`href="#"`
`213`	`213`	`>`
`214`	`214`	`6`
`215`	`215`	`</a>`
`216`	`216`	`</li>`
`217`		`- <li class="ais-Pagination-item">`
	`217`	`+ <li class="ais-Pagination-item ais-Pagination-item--page">`
`218`	`218`	`<a class="ais-Pagination-link"`
`219`	`219`	`href="#"`
`220`	`220`	`>`
`221`	`221`	`7`
`222`	`222`	`</a>`
`223`	`223`	`</li>`
`224`		`- <li class="ais-Pagination-item">`
	`224`	`+ <li class="ais-Pagination-item ais-Pagination-item--page">`
`225`	`225`	`<a class="ais-Pagination-link"`
`226`	`226`	`href="#"`
`227`	`227`	`>`
`228`	`228`	`8`
`229`	`229`	`</a>`
`230`	`230`	`</li>`
`231`		`- <li class="ais-Pagination-item">`
	`231`	`+ <li class="ais-Pagination-item ais-Pagination-item--page">`
`232`	`232`	`<a class="ais-Pagination-link"`
`233`	`233`	`href="#"`
`234`	`234`	`>`
`235`	`235`	`9`
`236`	`236`	`</a>`
`237`	`237`	`</li>`
`238`		`- <li class="ais-Pagination-item ais-Pagination-item--selected">`
	`238`	`+ <li class="ais-Pagination-item ais-Pagination-item--page ais-Pagination-item--selected">`
`239`	`239`	`<a class="ais-Pagination-link"`
`240`	`240`	`href="#"`
`241`	`241`	`>`