fix(keyboard): parse modifiers as characters (#588)

src/__tests__/keyboard/getNextKeyDef.ts

@@ -19,6 +19,16 @@ cases(
           key,
           code,
         }) as keyboardKey,
+        consumedLength: text.length,
+      }),
+    )
+    expect(getNextKeyDef(`${text}/foo`, options)).toEqual(
+      expect.objectContaining({
+        keyDef: expect.objectContaining({
+          key,
+          code,
+        }) as keyboardKey,
+        consumedLength: text.length,
       }),
     )
   },
@@ -29,6 +39,7 @@ cases(
     'unimplemented key': {text: '{Foo}', key: 'Foo', code: 'Unknown'},
     'legacy modifier': {text: '{ctrl}', key: 'Control', code: 'ControlLeft'},
     'printable character': {text: 'a', key: 'a', code: 'KeyA'},
+    'modifiers as printable characters': {text: '/', key: '/', code: 'Unknown'},
     '{ as printable': {text: '{{', key: '{', code: 'Unknown'},
     '[ as printable': {text: '[[', key: '[', code: 'Unknown'},
   },

src/__tests__/type.js

@@ -1514,3 +1514,11 @@ test('{enter} fires click on links', () => {
     a - keyup: Enter (13)
   `)
 })
+
+test('type non-alphanumeric characters', () => {
+  const {element} = setup(`<input/>`)
+
+  userEvent.type(element, 'https://test.local')
+
+  expect(element).toHaveValue('https://test.local')
+})

src/keyboard/getNextKeyDef.ts

@@ -19,7 +19,7 @@ export function getNextKeyDef(
   releaseSelf: boolean
 } {
   const startBracket = ['{', '['].includes(text[0]) ? text[0] : ''
-  const startModifier = text[1] === '/' ? '/' : ''
+  const startModifier = startBracket && text[1] === '/' ? '/' : ''
 
   const descriptorStart = startBracket.length + startModifier.length
   const descriptor = startBracket
@@ -37,7 +37,9 @@ export function getNextKeyDef(
 
   const descriptorEnd = descriptorStart + descriptor.length
   const endModifier =
-    descriptor !== startBracket && ['/', '>'].includes(text[descriptorEnd])
+    startBracket &&
+    descriptor !== startBracket &&
+    ['/', '>'].includes(text[descriptorEnd])
       ? text[descriptorEnd]
       : ''