unit-testing - 我可以在 Jasmine 的单元测试中获得 textarea 插入符位置吗？

Question

我正在尝试使用 angularjs 实现“@用户功能”，除了编写单元测试外，我几乎完成了该功能。我有一个 Caret 模块，它可以帮助我获得文本区域中的插入符位置。

我认为最重要的是获得插入符位置，但我不知道如何在 Jasmine 中做到这一点。

我的指令

.directive('atUser', function (Caret) {
    return {
        restrict: 'A',
        link: function (scope, element) {
            element.bind('focus click keydown', function () {
                scope.caretPos = Caret.getPos(element);
            });

            scope.$watch(function () {
                return scope.caretPos;
            }, function (nowCaretPos) {
                /* do something here */
            })
        }
    }
})

HTML

<textarea ng-model="message" at-user></textarea>

Jasmine

describe('test at user', function () {
    /* some init code */
    it('should get caret postion', function () {
        textarea = element.find('textarea');
        textarea.triggerHandler('focus');
        except(textarea.scope().caretPos).toEqual(0);

        /*
         * then i want to simulate keydown event and type something
         * and get the caret postion
         * but i dont know how to do it
         * /
    })
})

还有一件事是我不想使用 jquery。

谁能帮帮我？

非常感谢!

Answer 1

我刚刚问了一个类似的问题，我需要在 Jasmine 测试中设置 textarea 的插入符号位置，我得到了一个有效的答案(using selectionStart on programmatically-created inputs)，所以这是一个潜在的您可以使用 Jasmine 实现的解决方案:

describe('test at user', function () {
    /* some init code */
    it('should get caret postion', function () {
        textarea = element.find('textarea');
        textarea.triggerHandler('focus');
        expect(textarea.scope().caretPos).toEqual(0);

        /*
         * then i want to simulate keydown event and type something
         * and get the caret postion
         * but i dont know how to do it
         */

        document.body.appendChild(textarea[0]); // I discovered this to be the key to using the .selectionStart property successfully
        textarea.val('some text');
        textarea[0].selectionStart = 9; // you need to move the caret manually when doing things programmatically

        textarea.triggerHandler('focus');
        expect(textarea.scope().caretPos).toEqual(9);
    })
})