Javascript Cypress:我们通常如何测试这样一个简单地呈现API数据的UI小部件

Javascript Cypress:我们通常如何测试这样一个简单地呈现API数据的UI小部件,javascript,cypress,Javascript,Cypress,测试新手。我有一些关于为这样的小部件编写Cypress e2e测试的问题,它只是一个带有只读输入字段的组件,用于根据API调用的响应呈现端点。我认为这种类型的UI小部件在我们的日常前端开发工作中非常常见。我想知道我们应该如何测试这样一个组件?我们应该涵盖哪些方面 例如,我认为这个UI小部件最重要的功能就是简单地呈现端点,这是来自API调用的响应。我是否应该定义一个名为getEndpoint的Cypress命令,该命令只使用cy.request进行API调用,然后进行如下测试 cy.getEndp

测试新手。我有一些关于为这样的小部件编写Cypress e2e测试的问题,它只是一个带有只读输入字段的组件,用于根据API调用的响应呈现端点。我认为这种类型的UI小部件在我们的日常前端开发工作中非常常见。我想知道我们应该如何测试这样一个组件?我们应该涵盖哪些方面

例如,我认为这个UI小部件最重要的功能就是简单地呈现端点,这是来自API调用的响应。我是否应该定义一个名为
getEndpoint
的Cypress命令,该命令只使用
cy.request
进行API调用,然后进行如下测试

cy.getEndpoint().then(endpoint=>{
cy.visit(“/”)
.findByTestId('endpoint-display')
.should('have.text',端点)