Merge pull request #68 from github/add-keys-setter

Add keys setter

Author: keithamus

src/text-expander-element.ts

@@ -276,6 +276,10 @@ export default class TextExpanderElement extends HTMLElement {
     return keys.map(key => ({key, multiWord: globalMultiWord || multiWord.includes(key)}))
   }
 
+  set keys(value: string) {
+    this.setAttribute('keys', value)
+  }
+
   connectedCallback(): void {
     const input = this.querySelector('input[type="text"], textarea')
     if (!(input instanceof HTMLInputElement || input instanceof HTMLTextAreaElement)) return

test/text-expander-element-test.js

@@ -192,6 +192,28 @@ describe('text-expander element', function () {
       )
     })
 
+    it('sets keys', function () {
+      const expander = document.querySelector('text-expander')
+      assert.deepEqual(
+        [
+          {key: '@', multiWord: false},
+          {key: '#', multiWord: true},
+          {key: '[[', multiWord: true}
+        ],
+        expander.keys
+      )
+
+      expander.keys = '@ [['
+
+      assert.deepEqual(
+        [
+          {key: '@', multiWord: false},
+          {key: '[[', multiWord: true}
+        ],
+        expander.keys
+      )
+    })
+
     it('dispatches change event for multi-word', async function () {
       const expander = document.querySelector('text-expander')
       const input = expander.querySelector('textarea')