fix: correctly generate inline snapshots inside js files (#1510)

* fix: correctly generate inline snapshots inside js files

* chore: cleanup

* chore: add full link to comment

* test: imvrove snapshot generated test

* chore: remove snapshots :S

* chore: fix lockfile

* chore: generate inline snapshot test instead of using one

.gitignore

@@ -17,4 +17,4 @@ cypress/videos
 cypress/downloads
 cypress/screenshots
 docs/public/user-avatars
-docs/public/sponsors
+docs/public/sponsors

packages/vitest/src/integrations/snapshot/port/state.ts

@@ -87,7 +87,7 @@ export default class SnapshotState {
     })
   }
 
-  private _getInlineSnapshotStack(stacks: ParsedStack[]) {
+  private _inferInlineSnapshotStack(stacks: ParsedStack[]) {
     // if called inside resolves/rejects, stacktrace is different
     const promiseIndex = stacks.findIndex(i => i.method.match(/__VITEST_(RESOLVES|REJECTS)__/))
     if (promiseIndex !== -1)
@@ -109,12 +109,16 @@ export default class SnapshotState {
       const error = options.error || new Error('Unknown error')
       const stacks = parseStacktrace(error, true)
       stacks.forEach(i => i.file = slash(i.file))
-      const stack = this._getInlineSnapshotStack(stacks)
+      const stack = this._inferInlineSnapshotStack(stacks)
       if (!stack) {
         throw new Error(
           `Vitest: Couldn't infer stack frame for inline snapshot.\n${JSON.stringify(stacks)}`,
         )
       }
+      // removing 1 column, because source map points to the wrong
+      // location for js files, but `column-1` points to the same in both js/ts
+      // https://github.com/vitejs/vite/issues/8657
+      stack.column--
       this._inlineSnapshots.push({
         snapshot: receivedSerialized,
         ...stack,