Cypress无法定位带固定前缀的动态ID元素，求解决方法

你的代码无法生效的原因有两个关键错误：

1. cy.get('id')是查找<id>标签，而非带有id属性的元素
2. .contains('input_filter_filename_')用于匹配元素的文本内容，不是id属性的前缀

以下是几种可靠的解决方案：

方案一：CSS属性前缀选择器（最直接） #

利用CSS选择器的^=语法，匹配id属性以指定前缀开头的input元素：

cy.get('input[id^="input_filter_filename_"]')
  .type('my text')

说明：[id^="input_filter_filename_"]会精准定位所有id以该前缀开头的input标签，完全适配动态后缀的场景。

方案二：通过关联label定位（更稳定） #

页面中label的for属性与input的id一一对应，且label文本Nome是固定的，可通过这种关联关系定位：

cy.contains('label', 'Nome')
  .invoke('attr', 'for')
  .then((inputId) => {
    cy.get(`#${inputId}`).type('my text')
  })

说明：先找到文本为Nome的label，提取它的for属性值（即目标input的id），再通过该id定位输入框执行输入操作。

方案三：结合类名缩小范围（避免页面元素冲突） #

如果页面存在多个类似input，可结合MUI提供的类名缩小定位范围：

cy.get('.MuiInputBase-input[id^="input_filter_filename_"]')
  .type('my text')

内容的提问来源于stack exchange，提问作者Alex