update deps, fix types (#78)

* fix svelte-check * try decreasing cypress diff threshold * again change threshold * increase thresholds * change thresholds * bump threshold * add changeset
TeemuKoivisto · May 28, 2024 · e0b293a · e0b293a
1 parent 914466e
commit e0b293a
Show file tree

Hide file tree

Showing 10 changed files with 31 additions and 24 deletions.
diff --git a/.changeset/small-radios-film.md b/.changeset/small-radios-film.md
@@ -0,0 +1,5 @@
+---
+"prosemirror-dev-toolkit": patch
+---
+
+chore: update deps
diff --git a/packages/prosemirror-dev-toolkit/cypress/e2e/devtools.spec.cy.ts b/packages/prosemirror-dev-toolkit/cypress/e2e/devtools.spec.cy.ts
@@ -1,4 +1,4 @@
-const TEST_TEXT1 = 'asdf qwer'
+const TEST_TEXT = 'asdf qwer'
 
 describe('# DevTools', () => {
   it('Should render and allow to be closed / reopened', () => {
@@ -18,9 +18,9 @@ describe('# DevTools', () => {
         screenshotConfig: {
           capture: 'viewport'
         },
-        maxDiffThreshold: 0,
+        maxDiffThreshold: 0.01,
         diffConfig: {
-          threshold: 0.0001,
+          threshold: 0.01,
           alpha: 0.2
         }
       })
@@ -44,10 +44,10 @@ describe('# DevTools', () => {
       cy.devTools().find('ul.tabs-menu li button').contains('HISTORY').click()
       cy.devTools().find('.left-panel').find('li').should('have.length', 0)
 
-      cy.pmInsParagraphBolded(TEST_TEXT1)
+      cy.pmInsParagraphBolded(TEST_TEXT)
       cy.devTools().find('.left-panel').find('li').should('have.length', 1)
 
-      cy.pmInsParagraphBolded(TEST_TEXT1)
+      cy.pmInsParagraphBolded(TEST_TEXT)
       cy.devTools().find('.left-panel').find('li').should('have.length', 2)
 
       cy.window().then(async window => {
@@ -59,7 +59,7 @@ describe('# DevTools', () => {
       cy.devTools().find('ul.tabs-menu li button').contains('HISTORY').click()
       cy.devTools().find('.left-panel').find('li').should('have.length', 0)
 
-      cy.pmInsParagraphBolded(TEST_TEXT1)
+      cy.pmInsParagraphBolded(TEST_TEXT)
       cy.devTools().find('.left-panel').find('li').should('have.length', 1)
     })
   })
@@ -113,7 +113,7 @@ describe('# DevTools', () => {
     cy.devTools().find('ul.tabs-menu li button').contains('HISTORY').click()
     cy.devTools().find('.left-panel').find('li').should('have.length', 0)
 
-    cy.pmInsParagraphBolded(TEST_TEXT1)
+    cy.pmInsParagraphBolded(TEST_TEXT)
     cy.devTools().find('.left-panel').find('li').should('have.length', 1)
   })
 })
diff --git a/packages/prosemirror-dev-toolkit/cypress/e2e/history-tab.spec.cy.ts b/packages/prosemirror-dev-toolkit/cypress/e2e/history-tab.spec.cy.ts
@@ -101,9 +101,9 @@ describe('# History tab', () => {
     cy.devTools()
       .find('.right-panel')
       .matchImage({
-        maxDiffThreshold: 0,
+        maxDiffThreshold: 0.02,
         diffConfig: {
-          threshold: 0.0001,
+          threshold: 0.01,
           alpha: 0.2
         }
       })
@@ -179,9 +179,9 @@ describe('# History tab', () => {
     cy.devTools()
       .find('.right-panel')
       .matchImage({
-        maxDiffThreshold: 0,
+        maxDiffThreshold: 0.02,
         diffConfig: {
-          threshold: 0.0001,
+          threshold: 0.01,
           alpha: 0.2
         }
       })
@@ -206,9 +206,9 @@ describe('# History tab', () => {
     cy.devTools()
       .find('.right-panel')
       .matchImage({
-        maxDiffThreshold: 0,
+        maxDiffThreshold: 0.01,
         diffConfig: {
-          threshold: 0.0001,
+          threshold: 0.01,
           alpha: 0.2
         }
       })

diff --git a/packages/prosemirror-dev-toolkit/cypress/e2e/plugins-tab.spec.cy.ts b/packages/prosemirror-dev-toolkit/cypress/e2e/plugins-tab.spec.cy.ts
@@ -1,4 +1,4 @@
-const TEST_TEXT = 'asdf qwer'
+const TEST_TEXT1 = 'asdf qwer'
 
 describe('# Plugins tab', () => {
   before(() => {
@@ -44,9 +44,9 @@ describe('# Plugins tab', () => {
         screenshotConfig: {
           capture: 'viewport'
         },
-        maxDiffThreshold: 0,
+        maxDiffThreshold: 0.04,
         diffConfig: {
-          threshold: 0.0001,
+          threshold: 0.01,
           alpha: 0.2
         }
       })

diff --git a/packages/prosemirror-dev-toolkit/cypress/e2e/schema-tab.spec.cy.ts b/packages/prosemirror-dev-toolkit/cypress/e2e/schema-tab.spec.cy.ts
@@ -53,9 +53,9 @@ describe('# Schema tab', () => {
         screenshotConfig: {
           capture: 'viewport'
         },
-        maxDiffThreshold: 0,
+        maxDiffThreshold: 0.05,
         diffConfig: {
-          threshold: 0.0001,
+          threshold: 0.01,
           alpha: 0.2
         }
       })

diff --git a/packages/prosemirror-dev-toolkit/cypress/e2e/state-tab.spec.cy.ts b/packages/prosemirror-dev-toolkit/cypress/e2e/state-tab.spec.cy.ts
@@ -85,9 +85,9 @@ describe('# State tab', () => {
         screenshotConfig: {
           capture: 'viewport'
         },
-        maxDiffThreshold: 0,
+        maxDiffThreshold: 0.025,
         diffConfig: {
-          threshold: 0.0001,
+          threshold: 0.01,
           alpha: 0.2
         }
       })

diff --git a/packages/prosemirror-dev-toolkit/cypress/tsconfig.json b/packages/prosemirror-dev-toolkit/cypress/tsconfig.json
@@ -2,7 +2,7 @@
   "compilerOptions": {
     "target": "es5",
     "lib": ["esnext", "dom", "dom.iterable"],
-    "types": ["node", "cypress", "@testing-library/cypress", "cypress-file-upload"],
+    "types": ["node", "cypress", "@testing-library/cypress"],
     "esModuleInterop": true,
     "resolveJsonModule": true
   },

diff --git a/packages/prosemirror-dev-toolkit/src/components/__tests__/DevTools.spec.ts b/packages/prosemirror-dev-toolkit/src/components/__tests__/DevTools.spec.ts
@@ -25,7 +25,6 @@ describe('DevTools component', () => {
 
   it('should render', () => {
     editor = setupEditor(div)
-    console.log('hello editor', editor)
     const results = render(DevTools, {
       props: {
         view: editor,

diff --git a/packages/prosemirror-dev-toolkit/src/tabs/snapshots/SnapshotsList.svelte b/packages/prosemirror-dev-toolkit/src/tabs/snapshots/SnapshotsList.svelte
@@ -11,7 +11,7 @@
 
   let editedSnap: Snapshot | undefined
   let deleteSnap: Snapshot | undefined
-  let timer: number | undefined
+  let timer: ReturnType<typeof setTimeout> | undefined
 
   const debounceUpdate = () => {
     clearTimeout(timer)

diff --git a/packages/prosemirror-dev-toolkit/svelte.config.js b/packages/prosemirror-dev-toolkit/svelte.config.js
@@ -1,7 +1,10 @@
 import autoPreprocess from 'svelte-preprocess'
 
+/** @type {import('svelte-preprocess/dist/types').AutoPreprocessOptions} */
 const preprocessOptions = {
-  scss: { prependData: `@import 'src/global.scss';` }
+  scss: {
+    prependData: `@import 'src/global.scss';`
+  }
 }
 
 export default {