ag-grid工具提示的HTML生成元素及DOM获取可行性问询

两种工具提示的实现方式及对应DOM情况 #

• 默认内置工具提示（通过colDef.tooltipField或colDef.tooltipGetter配置）：
  这种方式不会生成独立的DOM元素，而是直接给目标单元格（.ag-cell元素）添加原生的title属性，工具提示由浏览器原生渲染，所以你在开发者工具里看不到专门的tooltip节点，只能在单元格元素上查到title属性。
• 自定义工具提示组件（通过colDef.tooltipComponent配置自定义组件）：
  这种会生成一个带ag-tooltip类名的独立DOM元素，默认挂载在body或ag-Grid的容器内，初始状态为隐藏，只有当鼠标hover到目标单元格时才会显示。

如何获取工具提示的元素或值 #

• 对于默认内置工具提示：
  不需要找tooltip元素，直接读取单元格的title属性值即可。比如在Cypress中可以这样写：

  cy.get('.ag-cell[col-id="make"]').invoke('attr', 'title').should('eq', '对应price字段的值');
  

• 对于自定义工具提示组件：
  先触发单元格的hover事件让tooltip显示，再通过类名定位元素。Cypress示例：

  cy.get('.ag-cell[col-id="make"]').trigger('mouseover');
  cy.get('.ag-tooltip').should('be.visible').invoke('text').should('contain', '预期的提示内容');
  

你的测试场景里用了price字段作为make字段的工具提示，属于默认内置方式，直接查对应单元格的title属性就能拿到值，不用找额外的tooltip元素。

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