Reactjs 如何使用 cypress 获取 MUI TextField 的输入值

我正在使用Cypress测试文本字段是否正确显示输入的文本.

cy.get('.creation-name').should('not.have.text');
const testName = 'Test name';
cy.get('.creation-name').type(`${testName}`);

TextField是一个MUI组件，而这是一个Reaction项目.

<div className="create-name">
    <TextField
        id="Name"
        label="Create name"
        onChange={(event) => setName(event.target.value)}
    />
</div>

我可以从视频中看到文本输入得很好，但当我try 判断它是否在那里时，它失败了.我try 了多个不同的行来获取测试文本值，包括以下几行:

//got AssertionError for all of these
cy.get('.creation-name').invoke('val').should('equal', 'Test name');//expected '' to equal Test name
cy.contains(`${testName}`).should('have.text', `${testName}`);//expected '' to equal Test name
cy.get('[id="Name"]').should('have.text', `${testName}`);//expected '' to equal Test name
cy.get('.creation-name').invoke('text').should('equal', 'Test');//expected Create name to equal Test name
cy.get('.creation-name').should('have.text', `${testName}`);//expected Create name to equal Test name

似乎我什么都没得到，或者我把目标对准了标签.这是我第一次使用 cypress ，所以我希望我没有遗漏任何明显的东西.