Add button test

src/button/button.test.js

@@ -0,0 +1,42 @@
+/**
+ * @jest-environment ./lib/puppeteer/environment.js
+ */
+/* eslint-env jest */
+
+let browser
+let page
+let baseUrl = 'http://localhost:3000'
+
+beforeAll(async (done) => {
+  browser = global.__BROWSER__
+  page = await browser.newPage()
+  done()
+})
+
+afterAll(async (done) => {
+  await page.close()
+  done()
+})
+
+describe('/components/button', () => {
+  describe('/components/button/link', () => {
+    it('triggers the click event when the space key is pressed', async () => {
+      await page.goto(baseUrl + '/components/button/link/preview', { waitUntil: 'load' })
+
+      const href = await page.evaluate(() => document.body.getElementsByTagName('a')[0].getAttribute('href'))
+
+      await page.focus('a[role="button"]')
+
+      // we need to start the waitForNavigation() before the keyboard action
+      // so we return a promise that is fulfilled when the navigation and the keyboard action are respectively fulfilled
+      // this is somewhat counter intuitive, as we humans expect to act and then wait for something
+      await Promise.all([
+        page.waitForNavigation(),
+        page.keyboard.press('Space')
+      ])
+
+      const url = await page.url()
+      expect(url).toBe(baseUrl + href)
+    })
+  })
+})