@peter.naydenov/shortcuts 3.3.1 → 3.5.0

package/test/04-form.test.js

@@ -0,0 +1,90 @@
+import { beforeEach, afterEach, describe, it, test, expect } from 'vitest'
+import { userEvent } from '@vitest/browser/context'
+import {
+  getByLabelText,
+  getByText,
+  getByTestId,
+  queryByTestId,
+  // Tip: all queries are also exposed on an object
+  // called "queries" which you could import here as well
+  waitFor
+} from '@testing-library/dom'
+
+
+
+import '../test-helpers/style.css'
+import Block            from '../test-helpers/Block.jsx'
+import VisaulController from '@peter.naydenov/visual-controller-for-react'
+import wait             from '../test-helpers/wait.js'
+import { 
+          shortcuts 
+        , pluginClick
+        , pluginKey
+        , pluginForm
+                } from '../src/main.js'
+
+
+
+const html = new VisaulController ();
+let
+       a = false
+     , b = false
+     , c = null
+     ;
+
+const contextDefinition = {
+                  general : {
+                            ' key : shift+a': [ 
+                                        () => a = true, 
+                                        () => c = 'triggered' 
+                                      ]
+                        }
+                , touch : {
+                              // Single click with left button
+                              'click: left-1': () => b = true,
+                              // Double click with left button
+                              'click: left-2': () => b = true,
+                              // Single click with right button
+                              'click: right-1': () => b = true
+                        }
+                , extra : {    
+                            'key : p,r,o,b,a': () => b = true                        
+                        }
+                , extend : {
+                              'form : watch' : () => 'input'
+                            , 'form : define' : () => 'input'
+                            , 'form : action' : () => [
+                                {
+                                      fn : (e) => console.log ( e.target )
+                                    , type : 'input'
+                                    , mode : 'in'
+                                }
+                            ]
+                    }
+      }
+
+let short = shortcuts ();
+
+
+
+describe.skip ( 'Form plugin', () => {
+
+      beforeEach ( async  () => {
+                  short.load ( contextDefinition )
+                  let container = document.createElement ( 'div' )
+                  container.id = 'app'
+                  document.body.appendChild ( container )
+                  await html.publish ( Block, {}, 'app' )
+                  a = false, b = false
+          }) // beforeEach
+
+
+
+      afterEach ( async  () => {
+                  short.reset ()
+                  a = false, b = false, c = null;
+          }) // afterEach
+
+
+
+}) // describe

package/test-helpers/setup.js

@@ -0,0 +1,18 @@
+async function setup () {
+                    let st = document.createElement ( 'style' )
+                    st.textContent = cssCode
+                    document.head.appendChild ( st )
+                    await waitFor ( () => {
+                        expect ( document.head ).to.have.property ( 'style' )
+                    })
+                    
+
+                    let container = document.createElement ( 'div' )
+                    container.id = 'app'
+                    document.body.appendChild ( container )
+                    html.publish ( Block, {}, 'app' )
+                    a = false, b = false
+} // setup func.
+
+
+export default setup

package/test-helpers/wait.js

@@ -0,0 +1,8 @@
+function wait (ms) {
+        return new Promise((resolve) => setTimeout(resolve, ms));
+      }
+
+      
+export default wait
+
+

package/tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "allowJs": true,
+    "declaration": true,
+    "emitDeclarationOnly": true,
+    "outDir": "dist",
+    "target": "ES2020",
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": false,
+    "skipLibCheck": true
+  },
+  "include": [
+    "src/**/*.js"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist",
+    "test"
+  ]
+}

package/vitest.config.js

@@ -0,0 +1,21 @@
+import { defineConfig } from 'vitest/config'
+import react from '@vitejs/plugin-react'
+
+export default defineConfig ({
+      plugins: [react()],
+      test: {
+            coverage: {
+                        reporter: ['lcov', 'text-summary']
+                  },
+            browser: {
+              enabled: true,
+              headless: true,
+              provider: 'playwright',
+              instances: [
+                {
+                  browser: 'chromium'
+                }
+              ]
+            }
+        }
+})

package/vitest-example/HelloWorld.js

@@ -1,9 +0,0 @@
-export default function HelloWorld({ name }) {
-  const parent = document.createElement('div')
-
-  const h1 = document.createElement('h1')
-  h1.textContent = 'Hello ' + name + '!'
-  parent.appendChild(h1)
-
-  return parent
-}

package/vitest-example/HelloWorld.test.js

@@ -1,11 +0,0 @@
-import { expect, test } from 'vitest'
-import { getByText } from '@testing-library/dom'
-import HelloWorld from './HelloWorld.js'
-
-test('renders name', () => {
-  const parent = HelloWorld({ name: 'Vitest' })
-  document.body.appendChild(parent)
-
-  const element = getByText(parent, 'Hello Vitest!')
-  expect(element).toBeInTheDocument()
-})

package/vitest.workspace.js

@@ -1,19 +0,0 @@
-import { defineWorkspace } from 'vitest/config'
-
-export default defineWorkspace([
-  // If you want to keep running your existing tests in Node.js, uncomment the next line.
-  // 'vite.config.js',
-  {
-    extends: 'vite.config.js',
-    test: {
-      environment: 'browser',
-      browser: {
-        enabled: true,
-        name: 'chromium',
-        provider: 'playwright',
-        // https://vitest.dev/guide/browser/playwright
-        configs: [],
-      },
-    },
-  },
-])