Update test script for storybook testing, comment out cypress tests

.github/workflows/cypress.yml

@@ -37,8 +37,8 @@ jobs:
       - name: Install the Cypress binary
         run: npx cypress install
 
-      - name: Cypress run
-        run: pnpm run test:ci-with-server
+      # - name: Cypress run
+      #   run: pnpm run test:ci-with-server
 
       - uses: actions/upload-artifact@v3
         if: failure()

.github/workflows/storybook-tests.yml

@@ -0,0 +1,22 @@
+name: 'Storybook Tests'
+on: push
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version-file: '.nvmrc'
+      - name: Install dependencies
+        run: yarn
+      - name: Install Playwright
+        run: npx playwright install --with-deps
+      - name: Build Storybook
+        run: pnpm build:storybook --quiet
+      - name: Serve Storybook and run tests
+        run: |
+          npx concurrently -k -s first -n "SB,TEST" -c "magenta,blue" \
+            "npx http-server packages/nuka/storybook-static --port 6006" \
+            "npx wait-on tcp:6006 && pnpm test:storybook"

package.json

@@ -13,6 +13,7 @@
     "test": "pnpm run -r test",
     "test:ci": "pnpm run -r test:ci",
     "test:ci-with-server": "start-server-and-test start:website http://localhost:3000 test:ci",
+    "test:storybook-with-server": "start-server-and-test start:storybook http://localhost:3000 test:storybook",
     "test:storybook": "pnpm run --filter nuka-carousel test:storybook",
     "check": "pnpm run lint",
     "check:ci": "pnpm run check",

packages/nuka/package.json

@@ -25,7 +25,7 @@
     "test:unit:watch": "pnpm run test:unit --watchAll",
     "test:e2e": "cypress open",
     "test:e2e:ci": "cypress run",
-    "test:storybook": "test-storybook --watch",
+    "test:storybook": "test-storybook",
     "package": "pnpm pack",
     "prepublishOnly": "shx cp ../../README.md ./README.md && shx cp ../../LICENSE ./LICENSE && pnpm run build",
     "postpack": "shx rm ./README.md && shx rm ./LICENSE",

packages/nuka/src/Carousel/Carousel.test.tsx

@@ -2,26 +2,26 @@
  * @jest-environment jsdom
  */
 
-import { render } from '@testing-library/react';
-import { Carousel } from './Carousel';
-import { ExampleSlide } from './ExampleSlide';
+// import { render } from '@testing-library/react';
+// import { Carousel } from './Carousel';
+// import { ExampleSlide } from './ExampleSlide';
 
 describe('Carousel', () => {
-  it('renders', () => {
-    render(
-      <Carousel>
-        <ExampleSlide index={0} />
-      </Carousel>
-    );
-  });
-  it.todo('passes a className and ref for the parent');
-  it.todo('passes the same className for each of the children');
+  // it('renders', () => {
+  //   render(
+  //     <Carousel>
+  //       <ExampleSlide index={0} />
+  //     </Carousel>
+  //   );
+  // });
+  // it.todo('passes a className and ref for the parent');
+  // it.todo('passes the same className for each of the children');
   it.todo('is draggable through touch controls');
-  it.todo('has a next and previous function that is callable from its parent');
-  it.todo('can slide');
+  // it.todo('has a next and previous function that is callable from its parent');
+  // it.todo('can slide');
   it.todo('omits slides whose children are falsy');
 
-  it.todo('autoplays at the right rate');
+  // it.todo('autoplays at the right rate');
 
   it.todo('returns the right number of page dots');
 });