Move CompositionHelper into browser

src/browser/input/CompositionHelper.test.ts

@@ -0,0 +1,237 @@
+/**
+ * Copyright (c) 2016 The xterm.js authors. All rights reserved.
+ * @license MIT
+ */
+
+import { assert } from 'chai';
+import { CompositionHelper } from 'browser/input/CompositionHelper';
+import { MockCharSizeService } from 'browser/TestUtils.test';
+import { MockCoreService, MockBufferService, MockOptionsService } from 'common/TestUtils.test';
+
+describe('CompositionHelper', () => {
+  let compositionHelper: CompositionHelper;
+  let compositionView: HTMLElement;
+  let textarea: HTMLTextAreaElement;
+  let handledText: string;
+
+  beforeEach(() => {
+    compositionView = {
+      classList: {
+        add: () => {},
+        remove: () => {}
+      },
+      getBoundingClientRect: () => {
+        return { width: 0 };
+      },
+      style: {
+        left: 0,
+        top: 0
+      },
+      textContent: ''
+    } as any;
+    textarea = {
+      value: '',
+      style: {
+        left: 0,
+        top: 0
+      }
+    } as any;
+    const coreService = new MockCoreService();
+    coreService.triggerDataEvent = (text: string) => {
+      handledText += text;
+    };
+    handledText = '';
+    const bufferService = new MockBufferService(10, 5);
+    compositionHelper = new CompositionHelper(textarea, compositionView, bufferService, new MockOptionsService(), new MockCharSizeService(10, 10), coreService);
+  });
+
+  describe('Input', () => {
+    it('Should insert simple characters', (done) => {
+      // First character 'ㅇ'
+      compositionHelper.compositionstart();
+      compositionHelper.compositionupdate(<CompositionEvent><CompositionEvent>{ data: 'ㅇ' });
+      textarea.value = 'ㅇ';
+      setTimeout(() => { // wait for any textarea updates
+        compositionHelper.compositionend();
+        setTimeout(() => { // wait for any textarea updates
+          assert.equal(handledText, 'ㅇ');
+          // Second character 'ㅇ'
+          compositionHelper.compositionstart();
+          compositionHelper.compositionupdate(<CompositionEvent><CompositionEvent>{ data: 'ㅇ' });
+          textarea.value = 'ㅇㅇ';
+          setTimeout(() => { // wait for any textarea updates
+            compositionHelper.compositionend();
+            setTimeout(() => { // wait for any textarea updates
+              assert.equal(handledText, 'ㅇㅇ');
+              done();
+            }, 0);
+          }, 0);
+        }, 0);
+      }, 0);
+    });
+
+    it('Should insert complex characters', (done) => {
+      // First character '앙'
+      compositionHelper.compositionstart();
+      compositionHelper.compositionupdate(<CompositionEvent>{ data: 'ㅇ' });
+      textarea.value = 'ㅇ';
+      setTimeout(() => { // wait for any textarea updates
+        compositionHelper.compositionupdate(<CompositionEvent>{ data: '아' });
+        textarea.value = '아';
+        setTimeout(() => { // wait for any textarea updates
+          compositionHelper.compositionupdate(<CompositionEvent>{ data: '앙' });
+          textarea.value = '앙';
+          setTimeout(() => { // wait for any textarea updates
+            compositionHelper.compositionend();
+            setTimeout(() => { // wait for any textarea updates
+              assert.equal(handledText, '앙');
+              // Second character '앙'
+              compositionHelper.compositionstart();
+              compositionHelper.compositionupdate(<CompositionEvent>{ data: 'ㅇ' });
+              textarea.value = '앙ㅇ';
+              setTimeout(() => { // wait for any textarea updates
+                compositionHelper.compositionupdate(<CompositionEvent>{ data: '아' });
+                textarea.value = '앙아';
+                setTimeout(() => { // wait for any textarea updates
+                  compositionHelper.compositionupdate(<CompositionEvent>{ data: '앙' });
+                  textarea.value = '앙앙';
+                  setTimeout(() => { // wait for any textarea updates
+                    compositionHelper.compositionend();
+                    setTimeout(() => { // wait for any textarea updates
+                      assert.equal(handledText, '앙앙');
+                      done();
+                    }, 0);
+                  }, 0);
+                }, 0);
+              }, 0);
+            }, 0);
+          }, 0);
+        }, 0);
+      }, 0);
+    });
+
+    it('Should insert complex characters that change with following character', (done) => {
+      // First character '아'
+      compositionHelper.compositionstart();
+      compositionHelper.compositionupdate(<CompositionEvent>{ data: 'ㅇ' });
+      textarea.value = 'ㅇ';
+      setTimeout(() => { // wait for any textarea updates
+        compositionHelper.compositionupdate(<CompositionEvent>{ data: '아' });
+        textarea.value = '아';
+        setTimeout(() => { // wait for any textarea updates
+          // Start second character '아' in first character
+          compositionHelper.compositionupdate(<CompositionEvent>{ data: '앙' });
+          textarea.value = '앙';
+          setTimeout(() => { // wait for any textarea updates
+            compositionHelper.compositionend();
+            compositionHelper.compositionstart();
+            compositionHelper.compositionupdate(<CompositionEvent>{ data: '아' });
+            textarea.value = '아아';
+            setTimeout(() => { // wait for any textarea updates
+              compositionHelper.compositionend();
+              setTimeout(() => { // wait for any textarea updates
+                assert.equal(handledText, '아아');
+                done();
+              }, 0);
+            }, 0);
+          }, 0);
+        }, 0);
+      }, 0);
+    });
+
+    it('Should insert multi-characters compositions', (done) => {
+      // First character 'だ'
+      compositionHelper.compositionstart();
+      compositionHelper.compositionupdate(<CompositionEvent>{ data: 'd' });
+      textarea.value = 'd';
+      setTimeout(() => { // wait for any textarea updates
+        compositionHelper.compositionupdate(<CompositionEvent>{ data: 'だ' });
+        textarea.value = 'だ';
+        setTimeout(() => { // wait for any textarea updates
+          // Second character 'あ'
+          compositionHelper.compositionupdate(<CompositionEvent>{ data: 'だあ' });
+          textarea.value = 'だあ';
+          setTimeout(() => { // wait for any textarea updates
+            compositionHelper.compositionend();
+            setTimeout(() => { // wait for any textarea updates
+              assert.equal(handledText, 'だあ');
+              done();
+            }, 0);
+          }, 0);
+        }, 0);
+      }, 0);
+    });
+
+    it('Should insert multi-character compositions that are converted to other characters with the same length', (done) => {
+      // First character 'だ'
+      compositionHelper.compositionstart();
+      compositionHelper.compositionupdate(<CompositionEvent>{ data: 'd' });
+      textarea.value = 'd';
+      setTimeout(() => { // wait for any textarea updates
+        compositionHelper.compositionupdate(<CompositionEvent>{ data: 'だ' });
+        textarea.value = 'だ';
+        setTimeout(() => { // wait for any textarea updates
+          // Second character 'ー'
+          compositionHelper.compositionupdate(<CompositionEvent>{ data: 'だー' });
+          textarea.value = 'だー';
+          setTimeout(() => { // wait for any textarea updates
+            // Convert to katakana 'ダー'
+            compositionHelper.compositionupdate(<CompositionEvent>{ data: 'ダー' });
+            textarea.value = 'ダー';
+            setTimeout(() => { // wait for any textarea updates
+              compositionHelper.compositionend();
+              setTimeout(() => { // wait for any textarea updates
+                assert.equal(handledText, 'ダー');
+                done();
+              }, 0);
+            }, 0);
+          }, 0);
+        }, 0);
+      }, 0);
+    });
+
+    it('Should insert multi-character compositions that are converted to other characters with different lengths', (done) => {
+      // First character 'い'
+      compositionHelper.compositionstart();
+      compositionHelper.compositionupdate(<CompositionEvent>{ data: 'い' });
+      textarea.value = 'い';
+      setTimeout(() => { // wait for any textarea updates
+        // Second character 'ま'
+        compositionHelper.compositionupdate(<CompositionEvent>{ data: 'いm' });
+        textarea.value = 'いm';
+        setTimeout(() => { // wait for any textarea updates
+          compositionHelper.compositionupdate(<CompositionEvent>{ data: 'いま' });
+          textarea.value = 'いま';
+          setTimeout(() => { // wait for any textarea updates
+            // Convert to kanji '今'
+            compositionHelper.compositionupdate(<CompositionEvent>{ data: '今' });
+            textarea.value = '今';
+            setTimeout(() => { // wait for any textarea updates
+              compositionHelper.compositionend();
+              setTimeout(() => { // wait for any textarea updates
+                assert.equal(handledText, '今');
+                done();
+              }, 0);
+            }, 0);
+          }, 0);
+        }, 0);
+      }, 0);
+    });
+
+    it('Should insert non-composition characters input immediately after composition characters', (done) => {
+      // First character 'ㅇ'
+      compositionHelper.compositionstart();
+      compositionHelper.compositionupdate(<CompositionEvent>{ data: 'ㅇ' });
+      textarea.value = 'ㅇ';
+      setTimeout(() => { // wait for any textarea updates
+        compositionHelper.compositionend();
+        // Second character '1' (a non-composition character)
+        textarea.value = 'ㅇ1';
+        setTimeout(() => { // wait for any textarea updates
+          assert.equal(handledText, 'ㅇ1');
+          done();
+        }, 0);
+      }, 0);
+    });
+  });
+});