如何检查文本域值？输入值未在DOM树显示的问题排查

问题描述 #

我想了解如何检查文本域（textarea）中的值。在该文本域中输入值后，值并未显示在DOM树中。请问这是该标签本身的问题，还是开发者的失误？抱歉在英文社区使用俄语表述，希望不会影响您的解答。

已尝试方法 #

• 使用Codeception断言代码：$I->see("латук", "#tone_objects_m");（原代码中的多余逗号已修正）

附相关截图 #

• 错误提示截图
• UI字段截图
• DOM元素截图

问题分析与解决方案 #

1. DOM不显示textarea值的原因 #

这不是textarea标签本身的问题，大多是开发者采用前端框架（如Vue、React）的数据绑定机制导致的。这类框架会将表单值维护在内部状态中，不会同步更新DOM标签的value属性，所以在DOM树中看不到输入值，但实际值仍存在于元素的属性中。

2. 正确的检查方式 #

从代码语法判断你使用的是Codeception，可通过获取元素的value属性来断言：

// 直接断言textarea的value属性值
$I->assertEquals('латук', $I->grabAttributeFrom('#tone_objects_m', 'value'));

3. 原方法失败的原因 #

$I->see("文本内容", "选择器")是用来检查元素的文本节点内容，但textarea的输入值存储在value属性而非文本节点里，所以原断言无法匹配到目标内容。

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