如何以有用的方式链接命令？

Question

我想断言以下结构：

<app-toggler data-cy="toggler">
  <button id="1" data-cy="1">
    <rows data-cy="rows">
      <span>Title</span>
     </rows>
    <textarea>
      <text-rows data-cy="textarea">
        <div title="Value1" data-cy="app-textarea-val1">
          <span>Value1</span>
         </div>
         <div title="Value2" data-cy="app-textarea-val2"><!---->
          <span>Value2</span>
         </div>
         <div title="Value3" data-cy="app-textarea-val3">
          <span>Value3</span>
         </div>
        </text-rows>
       </textarea>
   </button>
   <button id="2" data-cy="2">
    <rows data-cy="rows">
      <span>Titletwo</span>
     </rows>
    <textarea>
      <text-rows data-cy="textarea">
        <div title="Value1two" data-cy="app-textarea-val1">
          <span>Value1two</span>
         </div>
         <div title="Value2two" data-cy="app-textarea-val2"><!---->
          <span>Value2two</span>
         </div>
         <div title="Value3two" data-cy="app-textarea-val3">
          <span>Value3two</span>
         </div>
        </text-rows>
       </textarea>
   </button>
 </app-toggler>

我想知道，例如:

"Title, Value1, Value2, Value3"isOneOf.Buttons.Text()

示例：

"Title, Value1, Value2, Value3".isOneOf.Buttons.Text()

=> 正确

"Titletwo, Value1, Value2, Value3".isOneOf.Buttons.Text()

=> 假

"Title, Value1two, Value2three, Value3four".isOneOf.Buttons.Text()

=> 假

我不清楚如何以正确且有用的方式链接命令以获得正确的所需信息。我希望我描述正确。

Answer 1

对于文本，您基本上链接了

.should('contain', ...).and('contain', ...)

断言，例如

cy.get('button#1')
  .invoke('text')
  .should('contain', 'Value1')
  .and('contain', 'Value2')
  .and('contain', 'Value3')

其中

.invoke('text')

获取按钮所有子级的完整文本，使用

.should('contain', ...)

有效地分割组合文本并查找单独的值。