如何在Cypress中使用lorem-ipsum向输入框添加文本？

你的代码存在两个关键问题：

1. 调用loremIpsum()生成文本后没有保存结果，生成的内容直接被丢弃
2. Cypress的DOM元素对象没有loremIpsum()方法，不能直接这样调用

下面是修正后的实现方式：

步骤1：确保依赖安装 #

如果还没安装lorem-ipsum包，先执行安装命令：

npm install lorem-ipsum --save-dev

步骤2：修正addComment方法 #

import { loremIpsum } from "lorem-ipsum";

addComment() {
  // 生成随机文本并保存到变量中
  const randomText = loremIpsum({
    count: 1,
    format: "plain",
    paragraphLowerBound: 3,
    paragraphUpperBound: 7,
    random: Math.random,
    sentenceLowerBound: 5,
    sentenceUpperBound: 15,
    suffix: "\n",
    units: "sentences"
  });

  // 将生成的文本填入textarea输入框（模拟用户输入行为）
  cy.get('.input > textarea').type(randomText);
  
  // 若无需模拟输入动作，仅需设置输入框值，可改用以下代码（需触发事件时加上trigger）：
  // cy.get('.input > textarea').invoke('val', randomText).trigger('input');
}

关键说明 #

• 必须先把loremIpsum()生成的文本存储到变量中，才能后续用于填充输入框
• .type()方法会模拟真实用户的输入行为，适合需要触发输入相关事件的场景
• .invoke('val', 文本)直接设置输入框的值，若页面依赖input或change事件更新状态，需额外调用.trigger('input')触发事件

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