dear all:
I am testing dropdown lists in webpage. I encountered the following page that does not use the standard "dropdown" class.
http://ift.tt/2rL8yAD
The programmers seem to use a class called btnGa or something alike. I cannot google that.
I have no clue how a browser would know the dropdown tags.
The html source is too big. So I only copied a small part in the following.
The html source contains a ul of navlist class. Then an li tag in this ul contains another ul which is actually a dropdown list at hovering.
But I really cannot see how the browser would know that this is a dropdown list. Thus I don't know how to write a test case to click the buttons in this dropdown list.
Can any one help me out in recognizing the dropdown lists and click the dropdown list items ?
Thanks
Farn
<ul class="navList">
<li class="mobileDisable">
<a data-ga-label="小說" data-ga-action="click" data-ga-category="header" onclick="app.navLiClick(this)" class="hasSub btnGa open" href="http://ift.tt/2qrDH8i">
<span class="text novel">小說</span>
</a>
<ul>
<li>
<a data-ga-label="小說-仙俠" data-ga-action="click" data-ga-category="header" class="btnGa" href="http://ift.tt/2rKysoi">
<span class="text">仙俠</span>
<span class="num">/ 16</span>
</a>
</li>
<li>
<a data-ga-label="小說-玄幻" data-ga-action="click" data-ga-category="header" class="btnGa" href="http://ift.tt/2qrBLwQ">
<span class="text">玄幻</span>
<span class="num">/ 24</span>
</a>
</li>
<li>
<a data-ga-label="小說-奇幻" data-ga-action="click" data-ga-category="header" class="btnGa" href="http://ift.tt/2rL2uYQ">
<span class="text">奇幻</span>
<span class="num">/ 56</span>
</a>
</li>
<li>
<a data-ga-label="小說-武俠" data-ga-action="click" data-ga-category="header" class="btnGa" href="http://ift.tt/2qrDgem">
<span class="text">武俠</span>
<span class="num">/ 11</span>
</a>
</li>
<li>
<a data-ga-label="小說-科幻" data-ga-action="click" data-ga-category="header" class="btnGa" href="http://ift.tt/2rLbT2R">
<span class="text">科幻</span>
<span class="num">/ 17</span>
</a>
</li>
<li>
<a data-ga-label="小說-恐怖" data-ga-action="click" data-ga-category="header" class="btnGa" href="http://ift.tt/2qrDIcm">
<span class="text">恐怖</span>
<span class="num">/ 11</span>
</a>
</li>
<li>
<a data-ga-label="小說-校園" data-ga-action="click" data-ga-category="header" class="btnGa" href="http://ift.tt/2rKqJqs">
<span class="text">校園</span>
<span class="num">/ 16</span>
</a>
</li>
<li>
<a data-ga-label="小說-愛情" data-ga-action="click" data-ga-category="header" class="btnGa" href="http://ift.tt/2qrIPt8">
<span class="text">愛情</span>
<span class="num">/ 78</span>
</a>
</li>
<li>
<a data-ga-label="小說-寫實" data-ga-action="click" data-ga-category="header" class="btnGa" href="http://ift.tt/2rKXV0L">
<span class="text">寫實</span>
<span class="num">/ 48</span>
</a>
</li>
<li>
<a data-ga-label="小說-歷史" data-ga-action="click" data-ga-category="header" class="btnGa" href="http://ift.tt/2qrjTSO">
<span class="text">歷史</span>
<span class="num">/ 13</span>
</a>
</li>
<li>
<a data-ga-label="小說-驚悚" data-ga-action="click" data-ga-category="header" class="btnGa" href="http://ift.tt/2rKOoa0">
<span class="text">驚悚</span>
<span class="num">/ 24</span>
</a>
</li>
<li>
<a data-ga-label="小說-其它" data-ga-action="click" data-ga-category="header" class="btnGa" href="http://ift.tt/2qrDKku">
<span class="text">其它</span>
<span class="num">/ 40</span>
</a>
</li>
</ul>
</li>
Aucun commentaire:
Enregistrer un commentaire