chore(test): remove warnings

.github/workflows/editor-sharded-tests.yml

@@ -44,4 +44,4 @@ jobs:
           nix_path: nixpkgs=https://github.com/NixOS/nixpkgs/archive/6120ac5cd201f6cb593d1b80e861be0342495be9.tar.gz
       - name: Run the Karma tests
         if: steps.cache-editor-tests.outputs.cache-hit != 'true'
-        run: nix-shell --arg includeServerBuildSupport false --arg includeRunLocallySupport false --run check-editor-karma-ci-shard-${{ inputs.shard_number }}
+        run: nix-shell --arg includeServerBuildSupport false --arg includeRunLocallySupport false --quiet --run check-editor-karma-ci-shard-${{ inputs.shard_number }}

editor/src/components/canvas/canvas-strategies/strategies/absolute-flex-reparent-strategy-helpers.spec.browser2.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable jest/expect-expect */
-import { act } from 'react-dom/test-utils'
+import { act } from '@testing-library/react'
 import {
   BakedInStoryboardVariableName,
   BakedInStoryboardUID,

editor/src/components/canvas/canvas-strategies/strategies/absolute-resize-bounding-box-strategy.spec.browser2.tsx

@@ -75,7 +75,7 @@ import {
   SafeGapSmallElementSize,
   SmallElementSize,
 } from '../../controls/bounding-box-hooks'
-import { act } from 'react-dom/test-utils'
+import { act } from '@testing-library/react'
 import { ComponentsHonouringPropsStylesProject } from './common-projects.test-utils'
 import { SizeLabelTestId } from '../../controls/select-mode/size-label'
 

editor/src/components/canvas/remix/remix-navigator.spec.browser2.tsx

@@ -1,4 +1,4 @@
-import { act } from 'react-dom/test-utils'
+import { act } from '@testing-library/react'
 import { getDomRectCenter } from '../../../core/shared/dom-utils'
 import * as EP from '../../../core/shared/element-path'
 import { createModifiedProject } from '../../../sample-projects/sample-project-utils.test-utils'

editor/src/components/canvas/ui-jsx-canvas-renderer/ui-jsx-canvas-spy-wrapper-third-party.spec.browser2.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable jest/expect-expect */
 import * as MockReactThreeFiber from '@react-three/fiber'
-import * as mockWithEditorPackageJSON from '../../../../package.json'
+import mockWithEditorPackageJSON from '../../../../package.json'
 
 import { DefaultStartingFeatureSwitches, renderTestEditorWithModel } from '../ui-jsx.test-utils'
 import type { ParsedTextFile } from '../../../core/shared/project-file-types'

editor/src/components/inspector/common/inspector-end-to-end-tests.spec.browser2.tsx

@@ -113,6 +113,7 @@ async function dispatchActionsAndWaitUntilComplete(
   actionsToDispatch: readonly EditorAction[],
   renderResult: EditorRenderResult,
 ): Promise<void> {
+  //
   await act(() => renderResult.dispatch(actionsToDispatch, false))
   await renderResult.getDispatchFollowUpActionsFinished()
 }

editor/src/components/inspector/common/property-controls.spec.browser2.tsx

@@ -13,7 +13,7 @@ import {
 import * as EP from '../../../core/shared/element-path'
 import type { ElementPath } from '../../../core/shared/project-file-types'
 import { fireEvent } from '@testing-library/react'
-import { act } from 'react-dom/test-utils'
+import { act } from '@testing-library/react'
 import {
   clearExpressionUniqueIDs,
   emptyComments,

editor/src/components/navigator/navigator-conditionals.spec.browser2.tsx

@@ -1,5 +1,5 @@
 import { fireEvent, screen } from '@testing-library/react'
-import { act } from 'react-dom/test-utils'
+import { act } from '@testing-library/react'
 import type { EditorRenderResult } from '../../components/canvas/ui-jsx.test-utils'
 import {
   TestSceneUID,

editor/src/components/navigator/navigator-item/run-in-shard-2-component-picker-context-menu.spec.browser2.tsx

@@ -33,7 +33,7 @@ import { fireEvent, waitFor } from '@testing-library/react'
 import { labelTestIdForComponentIcon } from './component-picker-context-menu'
 import { ReplaceElementButtonTestId, addChildButtonTestId } from './navigator-item-components'
 import { NavigatorContainerId } from '../navigator'
-import { act } from 'react-dom/test-utils'
+import { act } from '@testing-library/react'
 import { cmdModifier } from '../../../utils/modifiers'
 import { getNavigatorTargetsFromEditorState } from '../navigator-utils'
 

editor/webpack.config.js

@@ -162,7 +162,6 @@ const config = {
       'REACT_APP_ENVIRONMENT_CONFIG',
       'REACT_APP_AUTH0_CLIENT_ID',
       'REACT_APP_AUTH0_ENDPOINT',
-      'REACT_APP_COMMIT_HASH',
 
       // !! optional env vars should be added in the webpack.EnvironmentPlugin below providing a default value for them instead than here
     ]),
@@ -171,6 +170,7 @@ const config = {
       GOOGLE_WEB_FONTS_KEY: '', // providing an empty default for GOOGLE_WEB_FONTS_KEY for now
       REACT_APP_BROWSER_TEST_DEBUG: 'false',
       USE_BFF: 'false',
+      REACT_APP_COMMIT_HASH: undefined,
     }),
 
     new webpack.ProvidePlugin({ BrowserFS: 'browserfs' }), // weirdly, the browserfs/dist/shims/fs shim assumes a global BrowserFS being available
@@ -336,7 +336,7 @@ const config = {
           }),
         ]
       : [],
-    moduleIds: 'hashed', // "Short hashes as ids for better long term caching."
+    moduleIds: 'deterministic', // "Short numeric ids which will not be changing between compilation. Good for long term caching."
     splitChunks: {
       chunks: 'all',
     },

shell.nix

@@ -36,14 +36,14 @@ let
       #!/usr/bin/env bash
       set -e
       cd $(${pkgs.git}/bin/git rev-parse --show-toplevel)/utopia-api
-      ${pnpm}/bin/pnpm install
+      ${pnpm}/bin/pnpm install --silent
       ${pnpm}/bin/pnpm run build
     '')
     (pkgs.writeScriptBin "install-eslint-config-utopia" ''
       #!/usr/bin/env bash
       set -e
       cd $(${pkgs.git}/bin/git rev-parse --show-toplevel)/eslint-config-utopia
-      ${pnpm}/bin/pnpm install
+      ${pnpm}/bin/pnpm install --silent
     '')
     (pkgs.writeScriptBin "build-vscode-common" ''
       #!/usr/bin/env bash
@@ -69,13 +69,13 @@ let
       install-eslint-config-utopia
       build-utopia-vscode-common
       cd $(${pkgs.git}/bin/git rev-parse --show-toplevel)/editor
-      ${pnpm}/bin/pnpm install
+      ${pnpm}/bin/pnpm install --silent
     '')
     (pkgs.writeScriptBin "install-website" ''
       #!/usr/bin/env bash
       set -e
       cd $(${pkgs.git}/bin/git rev-parse --show-toplevel)/website-next
-      ${pnpm}/bin/pnpm install
+      ${pnpm}/bin/pnpm install --silent
     '')
     (pkgs.writeScriptBin "install-website-editor-ci" ''
       #!/usr/bin/env bash
@@ -239,7 +239,7 @@ let
       #!/usr/bin/env bash
       set -e
       cd $(${pkgs.git}/bin/git rev-parse --show-toplevel)/utopia-vscode-common
-      ${pnpm}/bin/pnpm install
+      ${pnpm}/bin/pnpm install --silent
       ${pnpm}/bin/pnpm run build
     '')
     (pkgs.writeScriptBin "build-utopia-vscode-common-production" ''