title: Jest testcase for dropdown on 2nd item selection
body: <p>I am trying to write testcase for dropdown which I have done in stenciljs.</p>
  <p>HTML</p>
  <pre><code>&lt;div&gt;
     &lt;select class=&quot;form-control user-dropdown&quot;&gt;
       &lt;option value=&quot;&quot; disabled selected={this.userItem === undefined}&gt;      
           Choose option&lt;/option&gt;
         {this.dropdownList.map(items =&gt;
             &lt;option value={items.userId}&gt;{items.userValue)&lt;/option&gt;}
  &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  <p>where</p>
  <pre><code>userItem:{userId: string, userValue: string} = {userId:&quot;101&quot; , userValue: &quot;Dean&quot;} and
  dropdownList is array of above object
  </code></pre>
  <p>in the test case I have created a query selector but I am not able to select 2nd dropdown so that I can check .toEqual()</p>
  <pre><code>const page = await newSpecPage({
     component: [MyComponent],
     html: '&lt;my-component&gt;&lt;/my-component&gt;'
  });
  page.rootInstance.userItem= {userId:&quot;101&quot; , userValue: &quot;Dean&quot;}
  page.rootInstance.dropdownList= [{userId:&quot;101&quot; , userValue: &quot;Dean&quot;}, {userId:&quot;102&quot; , userValue: &quot;Maze&quot;}....];
  
  await.page.waitForChange();
  const ele=page.root.querySelector('select[name=&quot;dropdown&quot;]');
  
  // here I want to change dropdown so that I can check value
  
  expect(ele......).toEqual('102');
  
  </code></pre>
  <p>Any idea how to select 2nd dropdown option so that I can test expected value?</p>