chore: testing a TresCanvas test

src/components/TresCanvas.test.ts

@@ -0,0 +1,37 @@
+import { mount } from '@vue/test-utils'
+import TresCanvas from './TresCanvas'
+import { BasicShadowMap, sRGBEncoding, NoToneMapping } from 'three'
+
+const TresScene = {
+  template: `<TresCanvas window-size="true">
+  <TresPerspectiveCamera :position="[5, 5, 5]" :look-at="[0, 0, 0]" />
+
+  <TresMesh>
+    <TresSphereGeometry :args="[2, 32, 32]" />
+    <TresMeshNormalMaterial />
+  </TresMesh>
+  <TresGridHelper />
+  <TresAmbientLight :intensity="1" />
+  <Suspense>
+    <EffectComposer>
+      <Glitch />
+    </EffectComposer>
+  </Suspense>
+</TresCanvas>`,
+  components: {
+    TresCanvas,
+  },
+}
+
+describe('TresCanvas', () => {
+  it('should work', () => {
+    const wrapper = mount(TresScene, {
+      attachTo: document.body,
+    })
+    const canvas = wrapper.find('canvas')
+    expect(canvas).toBeDefined()
+    /* const canvas = wrapper.find('canvas')
+
+    expect(canvas.attributes('__spector_context_type')).toBe('webgl2') */
+  })
+})

src/components/__snapshots__/TresCanvas.test.ts.snap

@@ -0,0 +1,3 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`TresCanvas > should work 1`] = `""`;

vite.config.ts

@@ -8,11 +8,10 @@ import banner from 'vite-plugin-banner'
 import Inspect from 'vite-plugin-inspect'
 import dts from 'vite-plugin-dts'
 
-
 import copy from 'rollup-plugin-copy'
 
 /* import analyze from 'rollup-plugin-analyzer'
- *//* import { visualizer } from 'rollup-plugin-visualizer' */
+ */ /* import { visualizer } from 'rollup-plugin-visualizer' */
 import { resolve, join } from 'pathe'
 
 import { lightGreen, yellow, gray, bold } from 'kolorist'
@@ -33,7 +32,7 @@ export default defineConfig({
     alias: {
       '/@': resolve(__dirname, './src'),
     },
-    dedupe: ['@tresjs/cientos'],
+    dedupe: ['@tresjs/cientos', 'vue'],
   },
   plugins: [
     vue({
@@ -81,18 +80,24 @@ export default defineConfig({
       headless: !!process.env.HEADLESS,
       provider: 'webdriverio',
     },
-    reporters: process.env.BROWSER_TEST ? ['json', {
-      onInit: noop,
-      onPathsCollected: noop,
-      onCollected: noop,
-      onFinished: noop,
-      onTaskUpdate: noop,
-      onTestRemoved: noop,
-      onWatcherStart: noop,
-      onWatcherRerun: noop,
-      onServerRestart: noop,
-      onUserConsoleLog: noop,
-    }, 'default'] : undefined,
+    reporters: process.env.BROWSER_TEST
+      ? [
+          'json',
+          {
+            onInit: noop,
+            onPathsCollected: noop,
+            onCollected: noop,
+            onFinished: noop,
+            onTaskUpdate: noop,
+            onTestRemoved: noop,
+            onWatcherStart: noop,
+            onWatcherRerun: noop,
+            onServerRestart: noop,
+            onUserConsoleLog: noop,
+          },
+          'default',
+        ]
+      : undefined,
   },
   build: {
     lib: {