【问题标题】:select the next class with the previous class containing a text I gave选择下一个课程,上一个课程包含我给的文本
【发布时间】:2020-05-10 01:00:26
【问题描述】:
<div class="">
    <span>
        <div class="ant-upload-list-item ant-upload-list-item-undefined ant-upload-list-item-list-type-text">
            <div class="ant-upload-list-item-info">
                <span>
                    <i aria-label="icon: paper-clip" class="anticon anticon-paper-clip">
                    </i>
                    <span class="ant-upload-list-item-name ant-upload-list-item-name-icon-count-1" title="fileDoc.doc">fileDoc.doc</span>
                    <span class="ant-upload-list-item-card-actions ">
                        <a title="Remove file">
                            <i aria-label="icon: delete" title="Remove file" tabindex="-1" class="anticon anticon-delete">
                                                    ...
                            </i>
                        </a>
                    </span>
                </span>
            </div>
        </div>
    </span>
</div>


<div class="">
    <span>
        <div class="ant-upload-list-item ant-upload-list-item-undefined ant-upload-list-item-list-type-text">
            <div class="ant-upload-list-item-info">
                <span>
                    <i aria-label="icon: paper-clip" class="anticon anticon-paper-clip">
                                ...
                    </i>
                    <span class="ant-upload-list-item-name ant-upload-list-item-name-icon-count-1" title="fileJpeg.jpeg">fileJpeg.jpeg</span>
                    <span class="ant-upload-list-item-card-actions ">
                        <a title="Remove file">
                            <i aria-label="icon: delete" title="Remove file" tabindex="-1" class="anticon anticon-delete">
                                    ...                                            
                            </i>
                        </a>
                    </span>
                </span>
            </div>
        </div>
    </span>
</div>

这是我的情况,当类“ant-upload-list-item-name ant-upload-list-item-”时,我想选择“.ant-upload-list-item-card-actions > a” name-icon-count-1" 包含 fileDoc.doc

我做了这个

  candidateUploadFileButton = '#filesUpload';
  candidateUploadRemoveButton = '.ant-upload-list-item-card-actions > a'; 
cy.get(this.candidateUploadFileButton, {force: true}).contains(fileName);
cy.get(this.candidateUploadRemoveButton).click();

它仅适用于单个 div 类的单个输入,如果像前面的示例中那样有两个类,它不起作用,因为它说有多个值

我添加了这张图片,也许它会对我想做的事情有所帮助,我想为名为“fileDoc.doc”的文件按删除按钮 https://i.stack.imgur.com/voQqp.png

【问题讨论】:

  • 您能否进一步澄清您的问题?我真的不明白你在找什么。
  • @SMAKSS - 我编辑了主要文章,也许会有所帮助

标签: javascript html css cypress


【解决方案1】:

参考here:

根据你的标记,你可以使用这个:

cy.contains(fileName).next().find('> a').click()

【讨论】:

    猜你喜欢
    • 2020-01-26
    • 2014-02-06
    • 1970-01-01
    • 2021-12-23
    • 2016-08-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多