How to get option value of select element

Question

I am trying to get the option value of a select element using Protractor. However, I\'m not able to find the option element.

HTML

&l         


        

Answer 1

Here is how you can get the value of an option in a select:

HTML

    Option 1
    Option 2

.spec file

describe("Country ", function() {

  it("should have 'Africa' as the value of the first option", function() {

    browser.get('index.html');

    let all_options = element.all(
      by.options("opions.c as options.n for option in options") //use whatever string is assigned to the ng-options attribute in the html
    );

    let first_option = all_options.get(0);  //or all_options.first()
    let second_option = all_options.get(1); //or all_options.last()

    expect(
      first_option.getAttribute('value')
    ).toEqual("Africa");                           

  });

});


To get the value of a selected option (which can be an option programmatically selected with protractor by calling click() on an option):

    expect(
      element(    
        by.model('model') //'model' is the string assigned to the select's ng-model attribute                                
      ).element(                  
          by.css('option:checked') 
        ).getAttribute('value')
    ).toEqual('Swizerland');

    

             

                                                        
            
            

              
                
                0
              
                   
                
               讨论(0)
              
                                                  
              
              

                          
             
       
          
              
                                       

     查看其它6个回答


            
                         

                    



               
            

    发布评论: