我想使用Javascript一次获得所有“可用项”(查看下面的截图),但我不能一次获得所有项,因为我必须使用滚动条来使其余的可用服务出现在CSS网格中。
<div class="gridWrapper" data-dojo-attach-point="fromGridWrapper">
<!--
By default, hidden because the same template file is used whether the "from"
node supports filtering or not - really no reason for 2 files.
=> The Filtering sub-class will remove the hidden class and attach functionality.
-->
<div class="dijit dijitReset dijitInline dijitLeft dijitTextBox filterAvailableItems" id="widget_dijit_form_TextBox_0" role="presentation" widgetid="dijit_form_TextBox_0">
<div class="dijitReset dijitInputField dijitInputContainer"><input class="dijitReset dijitInputInner" data-dojo-attach-point="textbox,focusNode" autocomplete="off" type="text" tabindex="0" id="dijit_form_TextBox_0" size="20" value=""><span class="dijitPlaceHolder dijitInputField">Filter Available Items</span></div>
</div>
<div data-dojo-attach-point="fromNode" id="from_serviceSelect" class="dgrid dgrid-list ui-widget" role="grid" widgetid="from_serviceSelect">
<div class="dgrid-header dgrid-header-row ui-widget-header">
<div class="title">Available Items</div>
</div>
<div class="dgrid-scroller" style="user-select: none; margin-top: 35px; margin-bottom: 0px;">
<div class="dgrid-content ui-widget-content">
<div class="dgrid-preload" style="height: 0px;"></div>
<div class=" dgrid-row dgrid-row-even ui-state-default dgrid-selected ui-state-active dgrid-focus" id="from_serviceSelect-row-34707" tabindex="0">A Guest is running on Snapshot</div>
<div class=" dgrid-row dgrid-row-odd ui-state-default" id="from_serviceSelect-row-37729">Active Directory</div>
<div class=" dgrid-row dgrid-row-even ui-state-default" id="from_serviceSelect-row-31076">Active Directory 2012 - DRA</div>
<div class=" dgrid-row dgrid-row-odd ui-state-default" id="from_serviceSelect-row-36616">Active Directory Critical</div>
<div class=" dgrid-row dgrid-row-even ui-state-default" id="from_serviceSelect-row-38883">Active DSOs (Cisco)</div>
<div class=" dgrid-row dgrid-row-odd ui-state-default" id="from_serviceSelect-row-32796">Active Queue Length </div>
<div class=" dgrid-row dgrid-row-even ui-state-default" id="from_serviceSelect-row-31583">AD</div>
<div class=" dgrid-row dgrid-row-odd ui-state-default" id="from_serviceSelect-row-35072">ADTRAN - Device Health</div>
<div class=" dgrid-row dgrid-row-even ui-state-default" id="from_serviceSelect-row-35420">ADTRAN - Memory</div>
<div class=" dgrid-row dgrid-row-odd ui-state-default" id="from_serviceSelect-row-37393">Agent Status</div>
<div class=" dgrid-row dgrid-row-even ui-state-default" id="from_serviceSelect-row-36194">APC PDU</div>
<div class=" dgrid-row dgrid-row-odd ui-state-default" id="from_serviceSelect-row-31250">APC UPS</div>
<div class=" dgrid-row dgrid-row-even ui-state-default" id="from_serviceSelect-row-35131">APC UPS - Humidity</div>
<div class=" dgrid-row dgrid-row-odd ui-state-default" id="from_serviceSelect-row-32621">APC UPS - Temperature</div>
<div class=" dgrid-row dgrid-row-even ui-state-default"
<div class="dgrid-preload" style="height: 7315px;"></div>
</div>
</div>
<div class="dgrid-header dgrid-header-scroll dgrid-scrollbar-width ui-widget-header" style="height: 35px;"></div>
<div class="dgrid-footer dgrid-footer-hidden"></div>
我可以通过多次更改CSS的网格属性来一次获得所有的网格(包括隐藏的网格),但它们只是试验和错误。有谁能帮帮我吗?
发布于 2018-06-28 05:11:17
尽管我只看到了HTML结构,但小部件很可能是以异步方式工作的,其中仅为当前可见的项/行生成div。
如果你真的想要模拟用户操作,或者你需要测试小部件是否正常工作,那么你真的需要这样做,也就是:
如果这不是必须的(您不做小部件验证,而是E2E测试),那么您可以深入研究小部件的内部结构,并:
我会去改变小部件--也就是为它实现一个testing / e2e模式。这在许多现代软件项目中是必须的。
https://stackoverflow.com/questions/51071226
复制相似问题