Javascript 木偶测试对话框/模态输入字段

我是新来的木偶演员，一直在使用它做一个模式输入付款细节的网页端到端。我的目标是测试所有输入字段并提交输入的数据

预期结果- 单击模式按钮>打开模式>在文本字段中输入数据>提交数据

实际结果- 点击modal按钮>从这里开始，似乎没有发生任何事情，也没有实际发送到API的任何数量，但测试通过

// Require puppeteer
const puppeteer = require('puppeteer');

let browser;
let page;
const appUrlBase = 'http://localhost:8080';

// Create an instance of the chrome browser
beforeAll(async () => {
    browser = await puppeteer.launch({
        headless: false,
        devtools: true
    });

    page = await browser.newPage();
});

describe('Payment test', () => {
    jest.setTimeout(600000);
    test('payment dialog box', async () => {
        await page.waitForSelector('[data-testid="payBtn"]')
        await page.click('[data-testid="payBtn"]') // Modal button
        await page.on('dialog', async dialog => {
            await page.waitForSelector('[data-testid="paymentContainer"]')
            await page.click('[data-testid="payAmount"]') // input field for payment amount
            await page.type(300)
            await page.click('[data-testid="paymentPayBtn"]')
            await dialog.dismiss()
        })
        await browser.close()
    });
});

有什么地方我出了问题吗