Update github actions

Author: trurl-master

.github/workflows/main.yml

@@ -7,7 +7,7 @@ jobs:
     runs-on: ${{ matrix.os }}
     strategy:
       matrix:
-        node: ['12.x', '14.x', '16.x']
+        node: ['14.x', '16.x', '18.x']
         os: [ubuntu-latest, windows-latest, macOS-latest]
 
     steps:
@@ -21,12 +21,16 @@ jobs:
 
       - name: Install deps and build (with cache)
         uses: bahmutov/npm-install@v1
+        with:
+          working-directory: |
+            .
+            examples
 
       - name: Lint
         run: npm run lint
 
       - name: Test
-        run: npm run test --ci --coverage --maxWorkers=2
+        run: npm run test:all --ci --coverage --maxWorkers=2
 
       - name: Build
         run: npm run build

.github/workflows/publish.yml

@@ -6,9 +6,10 @@ on:
     types: [published]
 
 jobs:
-  publish-npm:
+  publish:
     name: 'Publish to npm'
     runs-on: ubuntu-latest
+    if: '!contains(github.event.payload.tag_name, "beta")'
     steps:
       - uses: actions/checkout@v2
 
@@ -17,10 +18,32 @@ jobs:
           node-version: 'lts/*'
           registry-url: https://registry.npmjs.org/
 
-      - run: npm run install
+      - name: Install deps and build (with cache)
+        uses: bahmutov/npm-install@v1
 
       - run: npm run build
 
-      - run: npm publish --access public
+      - run: npm publish --dry-run --access public
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}
+
+  publish_beta:
+    name: 'Publish beta to npm'
+    runs-on: ubuntu-latest
+    if: contains(github.event.payload.tag_name, "beta")
+    steps:
+      - uses: actions/checkout@v2
+
+      - uses: actions/setup-node@v2
+        with:
+          node-version: 'lts/*'
+          registry-url: https://registry.npmjs.org/
+
+      - name: Install deps and build (with cache)
+        uses: bahmutov/npm-install@v1
+
+      - run: npm run build
+
+      - run: npm publish --tag beta --dry-run --access public
         env:
           NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}

examples/src/tests/viewport.test.tsx

@@ -1,7 +1,6 @@
 import { render, act, screen } from '@testing-library/react';
 
 import { mockViewport, mockViewportForTestGroup } from '../../../dist';
-import { MockedMediaQueryListEvent } from '../../../src/mocks/MediaQueryListEvent';
 
 import CustomUseMedia from '../components/viewport/custom-use-media/CustomUseMedia';
 import DeprecatedUseMedia from '../components/viewport/deprecated-use-media/DeprecatedUseMedia';
@@ -77,7 +76,7 @@ describe('mockViewport', () => {
       expect(screen.getByText('not desktop')).toBeInTheDocument();
       expect(screen.queryByText('desktop')).not.toBeInTheDocument();
       expect(cb).toHaveBeenCalledTimes(1);
-      expect(event).toBeInstanceOf(MockedMediaQueryListEvent);
+      expect(event).toBeInstanceOf(MediaQueryListEvent);
       expect(event.media).toBe('(min-width: 640px)');
       expect(event.matches).toBe(false);
 
@@ -101,7 +100,7 @@ describe('mockViewport', () => {
       const [event] = cb.mock.calls[0];
 
       expect(cb).toHaveBeenCalledTimes(1);
-      expect(event).toBeInstanceOf(MockedMediaQueryListEvent);
+      expect(event).toBeInstanceOf(MediaQueryListEvent);
       expect(event.media).toBe('(min-width: 640px)');
       expect(event.matches).toBe(false);
 
@@ -125,7 +124,7 @@ describe('mockViewport', () => {
       const [event] = cb.mock.calls[0];
 
       expect(cb).toHaveBeenCalledTimes(1);
-      expect(event).toBeInstanceOf(MockedMediaQueryListEvent);
+      expect(event).toBeInstanceOf(MediaQueryListEvent);
       expect(event.media).toBe('(min-width: 640px)');
       expect(event.matches).toBe(false);
 

jest.config.ts

@@ -3,6 +3,7 @@ module.exports = {
   preset: 'ts-jest',
   testEnvironment: 'jsdom',
   setupFilesAfterEnv: ['<rootDir>/jest-setup.ts'],
+  testPathIgnorePatterns: ['/node_modules/', '/examples/'],
   globals: {
     'ts-jest': {
       tsconfig: {

package.json

@@ -33,6 +33,8 @@
     "start": "tsup --watch",
     "build": "tsup",
     "test": "jest",
+    "test:examples": "npm --prefix ./examples run test",
+    "test:all": "npm run test && npm run test:examples",
     "lint": "eslint src/ --ext .ts,.tsx",
     "prepare": "tsup"
   },

src/mocks/viewport.ts

@@ -40,7 +40,7 @@ type ListenerOrListenerObject = Listener | ListenerObject;
 function isEventListenerObject(
   obj: ListenerOrListenerObject
 ): obj is ListenerObject {
-  return (obj as any).handleEvent !== undefined;
+  return (obj as ListenerObject).handleEvent !== undefined;
 }
 
 function mockViewport(desc: ViewportDescription): MockViewport {
@@ -104,17 +104,17 @@ function mockViewport(desc: ViewportDescription): MockViewport {
       },
       media: query,
       onchange: null,
-      addListener: function(listener) {
+      addListener: function (listener) {
         if (listener) {
           addOldListener(this, this.matches, listener);
         }
       }, // deprecated
-      removeListener: listener => {
+      removeListener: (listener) => {
         if (listener) {
           removeOldListener(listener);
         }
       }, // deprecated
-      addEventListener: function(
+      addEventListener: function (
         eventType: Parameters<MediaQueryList['addEventListener']>[0],
         listener: Parameters<MediaQueryList['addEventListener']>[1]
       ) {