test(ui-codemods): add back tests for v10 codemods with a nice Vitest config

Update Vitest config so it can handle both Node and web tests, make codemod tests with less magic

Author: matyasf

package-lock.json

@@ -0,0 +1,41 @@
+/* eslint-disable */
+// @ts-nocheck
+import { canvas, canvasHighContrast } from '@instructure/ui'
+
+export const generateStyle = () => {
+  return {
+    logoSubtitle: {
+      label: 'logoSubtitle',
+      marginTop: '-3px'
+    },
+    optionWrapper: {
+      label: 'optionWrapper',
+      margin: '-0.5rem -0.75rem',
+      padding: '0.5rem 0.75rem',
+      border: '0 solid ' + canvas.colors.tiara,
+      borderBottomWidth: '1px',
+      display: 'flex',
+      maxWidth: '100%',
+      overflow: 'hidden',
+      alignItems: 'center'
+    },
+    optionIcon: {
+      label: 'optionIcon',
+      width: '36px',
+      height: '36px',
+      backgroundColor: canvasHighContrast.colors.oxford,
+      borderRadius: 100,
+      flexShrink: 0,
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    },
+    truncateSingleLine: {
+      overflow: 'hidden',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis'
+    }
+  }
+}
+
+export const generateComponentTheme = () => ({})

packages/ui-codemods/lib/__node_tests__/__testfixtures__/updateV10Breaking/colors.input.ts

@@ -0,0 +1,41 @@
+/* eslint-disable */
+// @ts-nocheck
+import { canvas, canvasHighContrast } from '@instructure/ui'
+
+export const generateStyle = () => {
+  return {
+    logoSubtitle: {
+      label: 'logoSubtitle',
+      marginTop: '-3px'
+    },
+    optionWrapper: {
+      label: 'optionWrapper',
+      margin: '-0.5rem -0.75rem',
+      padding: '0.5rem 0.75rem',
+      border: '0 solid ' + canvas.colors?.contrasts?.grey1214,
+      borderBottomWidth: '1px',
+      display: 'flex',
+      maxWidth: '100%',
+      overflow: 'hidden',
+      alignItems: 'center'
+    },
+    optionIcon: {
+      label: 'optionIcon',
+      width: '36px',
+      height: '36px',
+      backgroundColor: canvasHighContrast.colors?.contrasts?.grey100100,
+      borderRadius: 100,
+      flexShrink: 0,
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    },
+    truncateSingleLine: {
+      overflow: 'hidden',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis'
+    }
+  }
+}
+
+export const generateComponentTheme = () => ({})