英文:
Cypress get elements inside each loop
问题
我有一个表格,第一列的单元格包含一个 div 和图片。
我需要点击 div。
我还需要对第三列执行一些测试。
所以我给了选择器直到 td,并没有包括 div。
if(index === 10) {
// 如何获取 div 并点击
}
})```
我知道我可以用下面的方式实现:
```cy.get("fcsky-shared-table cdk-virtual-scroll-viewport mat-table tr.mat-row td:nth-child(1) div").eq(10).click()```
我想知道是否有一种方式可以获取每个内部元素:
```cy.get("f-shared-table cdk-virtual-scroll-viewport mat-table tr.mat-row td:nth-child(1)").each(($el, index, $list) => {
if(index === 10) {
cy.wrap($el).get("div").click() // 不起作用
cy.wrap($el).children("div").click() // 不起作用
}
})```
<details>
<summary>英文:</summary>
I have a table , the first column cell contains a div and image .
I need to click on div.
I also need to perform some test on third column.
So i gave the selector till td and didn't include div.
cy.get("f-shared-table cdk-virtual-scroll-viewport mat-table tr.mat-row td:nth-child(1)").each(($el, index, $list) => {
if(index === 10) {
// how to get the div to click it
}
})
I know i can achieve it using
cy.get("fcsky-shared-table cdk-virtual-scroll-viewport mat-table tr.mat-row td:nth-child(1) div").eq(10).click()
I was wondering if there is any way where i can get the elements inside each
cy.get("f-shared-table cdk-virtual-scroll-viewport mat-table tr.mat-row td:nth-child(1)").each(($el, index, $list) => {
if(index === 10) {
cy.wrap($el).get("div").click() // not working
cy.wrap($el).children("div").click() // not working
}
})
</details>
# 答案1
**得分**: 2
你可能会发现,将行用作索引更容易,在第11行内查找`<div>`,类似于:
```js
cy.get('f-shared-table cdk-virtual-scroll-viewport mat-table tr.mat-row')
.each(($tr, index) => {
if (index === 10) {
cy.wrap($tr).within(() => {
// 以下命令仅限于第11行
cy.get('td').first().find('div').click()
})
}
})
英文:
You may find it easier to use the row as index, and within the 11th row find the <div>
, something like:
cy.get('f-shared-table cdk-virtual-scroll-viewport mat-table tr.mat-row')
.each(($tr, index) => {
if (index === 10) {
cy.wrap($tr).within(() => {
// the following command is limited to eleventh row
cy.get('td').first().find('div').click()
})
}
})
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库,让每个人都能够通过互相帮助和分享经验来进步。
评论