在柏树中——如何将元素存储在数组中，然后将相同的元素相互比较？

Question

所以我在网页上有一个元素列表，其中 字符串或文本格式的日期 。我想提取它们并将它们分成三个 - dd、mm 和 yyyy 部分。然后，我必须按此顺序连接它们 - yyyy+mm+dd 这样我总能确定 日期是否已排序 .

例如，假设我提取的日期列表是：

所以我使用 substring() 拆分它们，所以它们看起来像：

dd = ["20", "19", "23", "22", "18"]
mm = ["07", "07", "06", "06", "05"]
yyyy = ["2021", "2021", "2021", "2021", "2020"]

然后我将它们连接起来：

dates = ["20210720", "20210719", "20210623", "20210622", "20200518"]

但是，我正在使用 Cypress 进行自动化；和 post Cypress 7.4 我想我无法使用 for 循环遍历数组，每当我尝试这样做时：

let dates = cy.get('<locator string>');

for (let i = 0; i < dates.length; i++) {

    <Iterate and compare the dates>

}

如果能够做到这一点将非常有帮助。

但是我做不到。所以，如果有另一种方式，比如使用：

cy.get(<locator string>).then($el)

或

cy.get(<locator string>).each($el)

请告诉我。

Answer 1

您可以将 jQuery 元素转换为数组并 .map() 迭代并转换它们（许多选项中的一个）

cy.get('<locator string>').then($dateEls => { 

  const dateStrings = [...$dateEls].map(el => el.innerText)  // convert els to texts
  const isoDates = dateStrings.map(dateString => {           // convert format
    const [mm, dd, yyyy] = dateString.split('/')             // destructure
    return `${yyyy}${mm}${dd}`
  })
  isoDates.sort().reverse()                                  // sort descending
  return isoDates
})
.should('deep.eq', ["20210720", "20210719", "20210623", "20210622", "20200518"])
.should(dates => {
  const [maxDate, ...otherDates] = dates             // destructure list head and tail
  otherDates.forEach(date => {
    expect(+date).to.be.lt(+maxDate))                // "+" converts to numeric
  })
})

如果元素是 <input>，您将从 el.value 而不是 el.innerText

中提取日期文本

注意 [...$dateEls] 使用扩展运算符将类似数组的对象转换为真正的 JavaScript 数组。

Answer 2

我试过这段代码：

static verifySortingByNewest() {
    cy.get('<locator-string>').each(($el) => {
         var latest = $el.first().text().substring(6, 9).concat($el.first().text().substring(0, 1)).concat($el.first().text().substring(3, 4));
         cy.log(latest);
         var current = $el.text().substring(6, 9).concat($el.text().substring(0, 1)).concat($el.text().substring(3, 4));
         cy.log(current);

         expect(Number(current)).to.be.at.most(Number(latest));
    });
}

这导致以下断言：

由于应用过滤器，我的元素数组总是降序排列，如何使最新元素始终指向第一个元素？

在柏树中——如何将元素存储在数组中，然后将相同的元素相互比较？

In cypress - how do I store elements in an array and then compare the same elements to each other?

arrays

loops

compare

cypress