วิธี getText บนอินพุตในไม้โปรแทรกเตอร์

ในเอกสารสำหรับไม้โปรแทรกเตอร์ฉันเห็นตัวอย่างต่อไปนี้:

describe('by model', function() {
  it('should find an element by text input model', function() {
    var username = element(by.model('username'));
    username.clear();
    username.sendKeys('Jane Doe');

    var name = element(by.binding('username'));

    expect(name.getText()).toEqual('Jane Doe');
  });

สิ่งที่ปรากฏชัดเจนที่นี่คือคุณสามารถใช้ "by.model" เพื่อกำหนดค่าในช่องป้อนข้อมูล แต่ถ้าคุณต้องการดูที่ช่องป้อนข้อมูลและดูว่ามีอะไรอยู่คุณต้องใช้ "by.binding"

ฉันมีชุดรหัสที่ (โดยสรุป) ฉันทำ:

element(by.model('risk.name')).sendKeys('A value');
expect(element(by.model('risk.name')).getText()).toEqual('A value');

(ในรหัสจริงของฉันฉันบันทึกเอนทิตีจากนั้นกลับมาที่โหมดแก้ไขและฉันกำลังตรวจสอบว่าค่าของฉันถูกบันทึกจริง แต่มันก็ยังคงเดือดเหมือนเดิมและโค้ดตัวอย่างนี้ก็ให้ปัญหาเดียวกัน)

สิ่งนี้ทำให้ฉันมีข้อผิดพลาด:

Error: Expected '' to equal 'A value'.

ในทางทฤษฎีตามตัวอย่างจากเอกสารฉันสามารถทำได้:

element(by.model('risk.name')).sendKeys('A value');
expect(element(by.binding('risk.name)).getText()).toEqual('A value');

แต่ by.binding ดูเหมือนจะไม่ชอบโมเดลที่มีคุณสมบัติครบถ้วนฉันได้รับข้อผิดพลาด:

Error: No element found using locator: by.binding("risk.name")

มันใช้งานได้ (หลังแฟชั่น) ถ้าฉันทำ:

element(by.model('risk.name')).sendKeys('A value');
expect(element(by.binding('name')).getText()).toEqual('A value');

สิ่งนี้พบองค์ประกอบ แต่ยังให้คำเตือนว่าฉันมีองค์ประกอบมากกว่าหนึ่งรายการที่ตรงกับ "ชื่อ" และน่าเสียดายที่คนที่เลือกไม่ใช่คนที่ใช่

ดังนั้นสองคำถาม:

1. by.model ควรสามารถส่งคืน getText () ได้หรือมีการตัดสินใจในการออกแบบว่าไม่ทำเช่นนั้นและเราจำเป็นต้องใช้ by.binding แทน?
2. ฉันควรจะใช้เอนทิตีที่มีคุณสมบัติครบถ้วนใน by.binding ได้หรือไม่หรือมีการตัดสินใจในการออกแบบที่ by.binding ไม่ชอบชื่อรุ่นเต็ม? ถ้าเป็นเช่นนั้นฉันสามารถใช้คุณสมบัติอื่นใดเพื่อเลือกระหว่างการเชื่อมโยงที่แตกต่างกันได้

แก้ไข:

ฉันได้ลองวิธีแก้ปัญหาที่แนะนำโดย vdrulerz แล้วฉันแก้ไขโค้ดดังนี้:

element(by.model('risk.name')).getText().then(function(text) {
  console.log(text);
  expect(text).toEqual('A risk name');  
});

console.log ส่งคืนค่าว่าง (ไม่ใช่คำสัญญาหรือวัตถุ) และสิ่งที่คาดหวังล้มเหลวในการให้ข้อความ:

Expected '' to equal 'A risk name'.

ความเข้าใจของฉันคือไม้โปรแทรกเตอร์ได้แก้ไขความคาดหวังที่จะจัดการกับสัญญาแล้วดังนั้นฉันรู้สึกว่าปัญหาพื้นฐานคือ getText ไม่ทำงานบนฟิลด์ที่ระบุผ่านโมเดล (ฉันสามารถ getText บนป้ายกำกับและวิดเจ็ตอื่น ๆ ได้สำเร็จ)

ฉันยังสามารถเรียกใช้รหัสต่อไปนี้โดยใช้ getAttribute แทน getText ():

expect(element(by.model('risk.name')).getAttribute('autofocus')).toEqual('true');
element(by.model('risk.name')).getAttribute('autofocus').then(function(text) {
  console.log(text);
  expect(text).toEqual('true');  
});

ส่วนแรกผ่านไป - ความคาดหวังได้ผล ส่วนที่สองยังใช้งานได้โดยแนะนำว่าไวยากรณ์ของ vdrulerz ก็ใช้ได้เช่นกันและจะบันทึก 'true' ลงในคอนโซล ฉันคิดว่าอาจมีข้อบกพร่องกับ getText?

มีคำตอบในคำถามที่พบบ่อยของ Protractor: https://github.com/angular/protractor/blob/master/docs/faq.md#the-result-of-gettext-from-an-input-element-is-always- ว่างเปล่า

ผลลัพธ์ของ getText จากองค์ประกอบอินพุตจะว่างเปล่าเสมอ

นี่คือมุมมองของ Webdriver และองค์ประกอบจะมีค่า getText ว่างเสมอ ให้ลอง:

element.getAttribute('value')

สำหรับคำถามที่ 2 ใช่คุณควรใช้ชื่อแบบเต็มสำหรับ by.binding ฉันสงสัยว่าแม่แบบของคุณไม่มีองค์ประกอบที่ผูกไว้กับ risk.name ผ่านทาง {{}} หรือ ng-bind

getText() ฟังก์ชันจะไม่ทำงานเหมือนที่เคยเป็นสำหรับ webdriver เพื่อให้สามารถใช้งานได้กับไม้โปรแทรกเตอร์คุณจะต้องห่อมันในฟังก์ชันและส่งคืนข้อความบางอย่างเหมือนกับที่เราทำสำหรับกรอบไม้โปรแทรกเตอร์ของเราที่เราเก็บไว้ใน ฟังก์ชั่นทั่วไปเช่น -

getText : function(element, callback) {
        element.getText().then (function(text){             
            callback(text);
         });        

    },

ด้วยวิธีนี้คุณสามารถมีข้อความขององค์ประกอบ

โปรดแจ้งให้เราทราบหากยังไม่ชัดเจน

ฉันมีปัญหานี้ฉันลองวิธีแก้ปัญหาของ Jmr แต่มันไม่ได้ผลสำหรับฉัน เนื่องจากช่องป้อนข้อมูลทั้งหมดมีแอตทริบิวต์ ng-model ฉันจึงสามารถดึงแอตทริบิวต์และประเมินและรับค่าได้

HTML

<input ng-model="qty" type="number">

ไม้โปรแทรกเตอร์

var qty = element( by.model('qty') );
qty.sendKeys('10');
qty.evaluate(qty.getAttribute('ng-model')) //-> 10

รหัสนี้ใช้งานได้ ฉันมีช่องป้อนวันที่ที่ถูกตั้งค่าให้อ่านเท่านั้นซึ่งบังคับให้ผู้ใช้เลือกจากปฏิทิน

สำหรับวันที่เริ่มต้น:

var updateInput = "var input = document.getElementById('startDateInput');" +
    "input.value = '18-Jan-2016';" +
    "angular.element(input).scope().$apply(function(s) { s.$parent..searchForm[input.name].$setViewValue(input.value);})";
browser.executeScript(updateInput);

สำหรับวันที่สิ้นสุด:

var updateInput = "var input = document.getElementById('endDateInput');" +
    "input.value = '22-Jan-2016';" +
    "angular.element(input).scope().$apply(function(s) { s.$parent.searchForm[input.name].$setViewValue(input.value);})";
    browser.executeScript(updateInput);

โค้ดด้านล่างใช้ได้กับฉันสำหรับการรับข้อความจากอินพุต

return(this.webelement.getAttribute('value').then(function(text)
    {
        console.log("--------" + text);
}))

คุณต้องใช้ Promise เพื่อพิมพ์หรือเก็บค่าขององค์ประกอบ

 var ExpectedValue:string ="AllTestings.com";
          element(by.id("xyz")).getAttribute("value").then(function (Text) {

                        expect(Text.trim()).toEqual("ExpectedValue", "Wrong page navigated");//Assertion
        console.log("Text");//Print here in Console

                    });

คุณสามารถลองสิ่งนี้

var access_token = driver.findElement(webdriver.By.name("AccToken"))

        var access_token_getTextFunction = function() {
            access_token.getText().then(function(value) {
                console.log(value);
                return value;
            });
        }

กว่าจะเรียกใช้ฟังก์ชันนี้ได้ในที่ที่คุณต้องการรับค่า ..

คุณสามารถใช้ jQuery เพื่อรับข้อความในกล่องข้อความ (ทำงานได้ดีสำหรับฉัน) ตรวจสอบรายละเอียดภาพ

รหัส:

$(document.evaluate( "xpath" ,document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null ).singleNodeValue).val()

Example: 
$(document.evaluate( "//*[@id='mail']" ,document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null ).singleNodeValue).val()

ใส่ข้อความค้นหาข้างต้นนี้ลงในโค้ดของคุณ รายละเอียดภาพ: