0

尝试从下拉列表中选择项目，但无法找到正确的元素进行playwright自动化测试。

我尝试使用

this.template = page.locator('.css-1s2u09g-control')

识别下拉字段，但在运行测试时无法识别。

我已经尝试了一切，但没有运气..任何帮助将不胜感激。谢谢

import { Locator, Page, expect } from '@playwright/test'

export class Campaign
{

    readonly page: Page
    readonly button: Locator
    readonly saveDraft: Locator
    readonly name: Locator
    readonly sendDate: Locator
    readonly template:Locator
    readonly members: Locator
    readonly membersEdit: Locator


    constructor(page:Page) {

        this.page = page
        this.button = page.locator('button:has-text("Create")')
        this.saveDraft = page.locator('button:has-text("Save Draft")')
        this.name = page.locator('input[name="name"]')
        this.sendDate = page.locator('input[name="sendDate"]')
        this.template = page.locator('.css-1s2u09g-control') //doesn't work
        this.members = page.locator('div:nth-child(8) .col-4')
        this.membersEdit = page.locator('button:has-text("Edit")')


    }
    async visitPage(){

        await this.page.goto('http://localhost:3000')
        await expect(this.button).toContainText('Create')
        await this.button.click()
    }

    async addCampaign(name: string,sendDate: string){

        await this.button.click()
        await expect(this.saveDraft).toContainText('Save Draft')
        await this.name.type(name)
        await this.sendDate.fill(sendDate)
        //need to find out how to select from dropdown 
      

    }

}

<div class=" css-1s2u09g-control">
<div class=" css-319lph-ValueContainer">
<div class=" css-14el2xx-placeholder" id="react-select-3-placeholder">Select...</div>
<div class=" css-6j8wv5-Input" data-value="">
<input class="" style="color: inherit; background: rgba(0, 0, 0, 0) none repeat scroll 0px center; opacity: 1; width: 100%; grid-area: 1 / 2; font: inherit; min-width: 2px; border: 0px none; margin: 0px; outline: currentcolor none 0px; padding: 0px;" autocapitalize="none"
4

0 回答 0