angularjs - Protractor 获取带有行号的文本区域的值

Question

我正在使用 Protractor 来测试我的 Bootstrap AngularJS 应用程序。文本区域“输入”和“输出”具有与之关联的行号。因此，当我使用 element(by.id('output')).getText() 检查“输出”文本区域的值时，它总是 返回行号“1”而不是文本区域内的值。下面是 html 和 spec.js 文件的片段

主页.html

<div>
    <textarea id= "input" ui-codemirror="{ onLoad : editorLoaded }"
                        ng-model="input" ng-trim="false"></textarea>
    <textarea id="output" ui-codemirror="viewerOptions"
                    ng-model="output"></textarea>
</div>

主页.spec.js

describe('homepage', function() {

  it('check if output matches input', function() {
        browser.get('your url');
        var input = element(by.model('input'));
        input.sendKeys('abc;');
        var result = element(by.id('output'));
        expect(result.getText()).toEqual('abc;');
    });

});

关于如何解决这个问题的任何指示？？？

Answer 1

对于 input 和 textarea 元素，您应该始终使用 getAttribute('value') 而不是 getText()。以下是使用方法 -

var result = element(by.id('output'));
expect(result.getAttribute('value')).toEqual('abc;');

有关 getText 为何对输入元素不起作用的更多信息，请查看 Protractor 常见问题解答: https://github.com/angular/protractor/blob/master/docs/faq.md#the-result-of-gettext-from-an-input-element-is-always-empty

希望对您有所帮助。