update master

.github/workflows/blui-ci.yml

@@ -0,0 +1,126 @@
+name: CI Run
+
+on:
+  push:
+    branches: [ "dev", "master" ]
+  pull_request:
+    branches: [ "dev", "master" ]
+  pull_request_target:
+    types:
+      - opened
+    branches:
+      - '*/*'
+
+permissions:
+  pull-requests: write
+  contents: read
+
+jobs:
+  prettier_lint:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [16.x]
+
+    steps:
+    - uses: actions/checkout@v3
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v3
+      with:
+        node-version: ${{ matrix.node-version }}
+        cache: 'yarn'
+    - run: yarn --frozen-lockfile
+    - run: yarn prettier
+    - run: yarn lint
+
+  unit_test:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [16.x]
+
+    steps:
+    - uses: actions/checkout@v3
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v3
+      with:
+        node-version: ${{ matrix.node-version }}
+        cache: 'yarn'
+    - run: yarn --frozen-lockfile
+    - run: yarn test --coverage
+    - name: Upload to Codecov
+      uses: codecov/codecov-action@v3
+      with:
+        directory: ./coverage/
+        files: clover.xml
+        flags: unittests
+        name: codecov-report
+        verbose: true
+
+  build:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [16.x]
+
+    steps:
+    - uses: actions/checkout@v3
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v3
+      with:
+        node-version: ${{ matrix.node-version }}
+        cache: 'yarn'
+    - run: yarn --frozen-lockfile
+    - run: yarn build
+    - name: Save build
+      uses: actions/upload-artifact@v3
+      with:
+        name: build
+        if-no-files-found: error
+        path: build
+
+  cypress-run:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [16.x]
+    needs: build
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: 'yarn'
+
+      - name: Cypress install
+        uses: cypress-io/github-action@v6
+        with:
+          runTests: false
+
+      - name: Download the build folder
+        uses: actions/download-artifact@v3
+        with:
+          name: build
+          path: build
+
+      - name: Cypress run
+        uses: cypress-io/github-action@v6
+        with:
+          start: yarn start:cytest && yarn cy:run
+          wait-on: ${{ matrix.node-version == 16 && 'http://[::1]:3000' || 'http://localhost:3000' }}
+          wait-on-timeout: 300
+          browser: chrome
+
+      - name: Upload coverage to Codecov
+        uses: codecov/codecov-action@v3
+        with:
+          directory: cypress-coverage
+          files: clover.xml
+          flags: uitests
+          name: codecov-report
+          verbose: true

.github/workflows/blui-pr-actions.yml

@@ -1,10 +1,9 @@
 name: blui-pr-actions
-
 on:
   pull_request_target:
     types:
       - opened
-
+      
 permissions:
   pull-requests: write
   contents: read

.github/workflows/firebase-hosting-pull-request.yml

@@ -5,7 +5,9 @@ name: Deploy to Firebase Hosting on PR
 'on': pull_request
 jobs:
   build_and_preview:
-    if: '${{ github.event.pull_request.head.repo.full_name == github.repository }}'
+    if: | 
+      github.actor != 'dependabot[bot]' ||
+      (github.event.pull_request.head.repo.full_name == github.repository)
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2

README.md

@@ -1,4 +1,4 @@
-# React Design Patterns
+## React Design Patterns
 
 [![](https://img.shields.io/circleci/project/github/etn-ccis/blui-react-design-patterns/master.svg?style=flat)](https://circleci.com/gh/etn-ccis/blui-react-design-patterns/tree/master) [![codecov](https://codecov.io/gh/etn-ccis/blui-react-design-patterns/branch/master/graph/badge.svg?token=GG1T9203PD)](https://codecov.io/gh/etn-ccis/blui-react-design-patterns)
 

codecov.yml

@@ -1,21 +1,12 @@
-codecov:
-  require_ci_to_pass: yes
 coverage:
-  precision: 2
-  round: down
-  range: "50...75"
-status:
-    project: yes
-    patch: yes
-    changes: no
-parsers:
-  gcov:
-    branch_detection:
-      conditional: yes
-      loop: yes
-      method: no
-      macro: no
-comment:
-  layout: "reach,diff,flags,tree"
-  behavior: default
-  require_changes: no
+  status:
+    project:
+      default:
+        target: 50%
+        threshold: 5%
+        informational: true
+    patch:
+      default:
+        target: 50%
+        threshold: 5%
+        informational: true

cypress.config.ts

@@ -0,0 +1,16 @@
+import { defineConfig } from 'cypress'
+
+export default defineConfig({
+  video: false,
+  e2e: {
+    // We've imported your old cypress plugins here.
+    // You may want to clean this up later by importing these.
+    setupNodeEvents(on, config) {
+      return require('./cypress/plugins/index.js')(on, config)
+    },
+  },
+  component: {
+    setupNodeEvents(on, config) {},
+    specPattern: 'src/**/*spec.{js,jsx,ts,tsx}',
+  },
+})

cypress/integration/appbar/collapsible-app-bar.spec.js → cypress/e2e/appbar/collapsible-app-bar.cy.js

@@ -5,16 +5,17 @@ describe('Collapsible app bar', () => {
         cy.visit('http://localhost:3000/collapsible');
     });
 
-    it.skip('should display toolbar height 154', () => {
-        cy.get('[data-cy=toolbar]').should('be.visible').invoke('prop', 'scrollHeight').should('eq', 154);
+    it('should display toolbar height', () => {
+        cy.get('[data-cy=toolbar]').should('be.visible')
+        .invoke('prop','scrollHeight').should('equal', 157);
     });
 
-    it.skip('should display toolbar height 64 on scroll', () => {
+    it('should display toolbar height 64 on scroll', () => {
         cy.get('#page-body').scrollIntoView({ duration: 1000, offset: { top: 0, left: 0 } });
         cy.get('[data-cy=toolbar]')
             .should('be.visible')
             .should('contain.text', 'Gary Steel Works')
             .invoke('prop', 'scrollHeight')
-            .should('eq', 64);
+            .should('equal', 64);
     });
 });

cypress/integration/appbar/contextual-action.spec.js → cypress/e2e/appbar/contextual-action.cy.js

@@ -17,17 +17,15 @@ describe('Contextual App Bar', () => {
         cy.get('[data-cy=delete-btn]').should('be.disabled')
     });
 
-    it.skip('should display header checkbox indeterminate', () => {
+    it('should display header checkbox indeterminate', () => {
         cy.get('[data-cy=table-cell-checkbox]').first().click()
         cy.get('[data-cy=table-header-checkbox]').find('input')
-        .filter('input.PrivateSwitchBase-input-529')
         .should('have.attr', 'data-indeterminate', 'true')
     });
 
-    it.skip('should not display header checkbox indeterminate', () => {
+    it('should not display header checkbox indeterminate', () => {
         cy.get('[data-cy=table-header-checkbox]').click()
         cy.get('[data-cy=table-header-checkbox]').find('input')
-        .filter('input.PrivateSwitchBase-input-529')
         .should('have.attr', 'data-indeterminate', 'false')
     });