Cascader级联
<h1>1. Cascader (一级)</h1>
<pre><code class="language-javascript">cy.get('.clsHeadQuestion').each(($el, index, $list) => {
// condition matching check
if($el.text() ==="Java"){
// click() on that option for selection
$el.click();
}
})</code></pre>
<h1>2. antdesign的dropdown (二级级联)</h1>
<h2>2.1 example1</h2>
<pre><code class="language-javascript">describe('Hover Menu',()=>{
it('can click on a genre sub-menu item',()=>{
cy.get('#menu').contains('Genre').next('.sub-menu').then($el=>{
cy.wrap($el).invoke('show')
cy.wrap($el).contains('Family').click()
})
})
})</code></pre>
<h1>3. react selector</h1>
<pre><code class="language-html"><div class="ant-select-dropdown ant-select-dropdown--single ant-select-dropdown-placement-bottomLeft ant-select-dropdown-hidden" style="min-width: 681px; left: 489px; top: 279.391px;">
<div id="c6478d46-a0cd-42e1-936e-7a11c564b9c8" style="overflow: auto; transform: translateZ(0px);">
<ul role="listbox" class="ant-select-dropdown-menu ant-select-dropdown-menu-root ant-select-dropdown-menu-vertical" tabindex="0">
<li role="option" unselectable="on" class="ant-select-dropdown-menu-item ant-select-dropdown-menu-item-active" aria-selected="false" style="user-select: none;">text1</li>
<li role="option" unselectable="on" class="ant-select-dropdown-menu-item" aria-selected="false" style="user-select: none;">text2</li>
<li role="option" unselectable="on" class="ant-select-dropdown-menu-item" aria-selected="false" style="user-select: none;">text3</li>
<li role="option" unselectable="on" class="ant-select-dropdown-menu-item" aria-selected="false" style="user-select: none;">text4</li>
<li role="option" unselectable="on" class="ant-select-dropdown-menu-item" aria-selected="false" style="user-select: none;">text5</li>
</ul>
</div>
</div>
</div></code></pre>
<p><strong>读取拉下，并点击：</strong>
<code>cy.get("li[role = 'option']").contains("text2").click(); </code></p>
<h1>3. antdesign的select (一级)</h1>
<h1>4. antdesign的select (二级级联)</h1>