如何通过使用鼠袋代码从不可见标签中获取文本？

Question

我有不可见的文本标签，无法从中获取文本。

元素是这样的行的列表：

<datatable-body-cell tabindex="-1" class="datatable-body-cell 
  sort-active" style="width: 178.667px; height: 67px;">
  <div class="datatable-body-cell-label">
      <label _ngcontent-c13="" class="m-0 visible-element" 
       id="visible_element">
      example
      </label>

    <label _ngcontent-c13="" class="m-0 invisible-element" 
     id="invisible_element" style="z-index: -1; display: none">
    invisible label
    </label>
  </div>
</datatable-body-cell>

我试过了：

session
|> find(css(".datatable-row-wrapper", count: :any))  
|> Enum.each(fn element ->
   Wallaby.Browser.find(element, (
     css("#invisible_element", visible: false)))
     |> Element.text()
     |> IO.inspect()
     end)

我希望输出为"invisible label" ，但实际输出为""

Answer 1

我从github获得了一个解决方案：

session
|> find(css(".datatable-row-wrapper", count: :any))
|> Enum.each(fn element ->
        Element.attr(find(element, css("#test_test", visible: false)), "innerHTML")
        |> Element.text()
        |> IO.inspect()
      end)

这让我看不见的文字