fix(pager): bind linkClass to an object (gridsome#257)

edlefebvre · Mar 8, 2019 · 6765a3d · 6765a3d
1 parent 640f72d
commit 6765a3d
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/gridsome/app/components/Pager.js b/gridsome/app/components/Pager.js
@@ -44,7 +44,7 @@ export default {
       }
 
       return h(Link, {
-        staticClass: props.linkClass,
+        class: props.linkClass,
         props: linkProps,
         attrs: {
           'aria-label': ariaLabel.replace('%n', page),

diff --git a/gridsome/lib/__tests__/__fixtures__/project-blog/src/pages/Index.vue b/gridsome/lib/__tests__/__fixtures__/project-blog/src/pages/Index.vue
@@ -9,7 +9,7 @@
         <g-link :class="`post-link-${node.id}`" :to="node.path">Read more</g-link>
       </li>
     </ul>
-    <Pager :info="$page.posts.pageInfo"/>
+    <Pager :linkClass="{ 'pager-link': true }" :info="$page.posts.pageInfo"/>
   </Layout>
 </template>
 

diff --git a/gridsome/lib/__tests__/project-blog.build.e2e.js b/gridsome/lib/__tests__/project-blog.build.e2e.js
@@ -98,7 +98,7 @@ test('open blog in browser', async () => {
 })
 
 test('navigate to /2', async () => {
-  await page.click('nav[role="navigation"] a.active + a')
+  await page.click('nav[role="navigation"] .pager-link.active + .pager-link')
   await page.waitForSelector('#app.home-2')
 })