如何从 span 标签中获取文本？

Question

我需要从下面的 span 标签中获取文本 'Finance' 以将其与保存在 file.But 中的另一个值进行比较我无法获取它。

<span class="panel-text col-md-8">Finance</span>

以上是完整的代码

<efx-dashboard-panel> <div class="dashboard-panel dashboard-type-employee-input">
            <div class="dashboard-panel-header">
              <i class="fa fa-edit"></i>
              <span class="dashboard-panel-title">Provided Employee Input</span>
            </div>
            <div class="dashboard-panel-content">

<!----><div class="ng-star-inserted">
 <!---->
 <!----><div class="col-md-12 ng-star-inserted">
   <span class="panel-text label col-md-4">Department in which the employee works:</span><span class="panel-text col-md-8">Finance</span>
 </div>
</div><div class="ng-star-inserted">
 <!---->
 <!----><div class="col-md-12 ng-star-inserted">
   <span class="panel-text label col-md-4">Employee's Date of Birth:</span><span class="panel-text col-md-8">03-08-1990</span>
 </div>
</div><div class="ng-star-inserted">
 <!---->
 <!----><div class="col-md-12 ng-star-inserted">
   <span class="panel-text label col-md-4">County in which the employee works:</span><span class="panel-text col-md-8">Iowa</span>
 </div>
</div><div class="ng-star-inserted">
 <!---->
 <!----><div class="col-md-12 ng-star-inserted">
   <span class="panel-text label col-md-4">Employee's home address:</span><span class="panel-text col-md-8">Station Street</span>
 </div>
</div><div class="ng-star-inserted">
 <!---->
 <!----><div class="col-md-12 ng-star-inserted">
   <span class="panel-text label col-md-4">Employee ID:</span><span class="panel-text col-md-8">M1669</span>
 </div>
</div><div class="ng-star-inserted">
 <!---->
 <!----><div class="col-md-12 ng-star-inserted">
   <span class="panel-text label col-md-4">Authorization Code:</span><span class="panel-text col-md-8">45637</span>
 </div>
</div>

            </div>
          </div></efx-dashboard-panel>

上面代码的xpath选择器如下

element(by.xpath('//*[@id="employer-call"]/div[2]/div[2]/efx-tabs/div/efx-tab[4]/div/div/employee-input-panel/efx-dashboard-panel/div/div[2]/div[1]/div/span[2]'));

如何使用 text()、getText() 和 innerHTML 从 tag.I 中获取文本。

Answer 1

这个 XPath，

//span[normalize-space()="Department in which the employee works:"]
 /following-sibling::span[1]

将 select span 兄弟紧跟在 span 之后，其 space-normalized 字符串值为 "Department in which the employee works:".

您可以仅将 /text() 附加到 select 上面 span 的文本节点，或者将整个 XPath 表达式包装在 string() 中以获取其字符串值。

Answer 2

参考

找到了解决办法

Solution

我用了expect(this.deptData.getText()).to.eventually.equal(employee.department);

从 span 标签中获取数据并将其与 employee.department

中的数据进行比较

如何从 span 标签中获取文本？

How to fetch the text from span tag?

javascript

xpath

selector