Javascript 如何减少页面对象模型中的代码重复

我不熟悉页面对象模型。我正在测试一个页面，其中用户向列表中添加了一个项目。为此，我创建了一个列表对象模型。在这个列表页面上，我们有一个文本字段和提交按钮

列表对象模型有两种方法。每个方法都是为页面抓取一个Web组件，因此一个方法用于抓取文本字段，另一个方法用于抓取提交按钮

然后我有一个测试规范，其中我有一个测试用例，它主要测试用户是否可以将项目添加到列表中，方法是在文本字段中输入一个值，然后单击submit按钮

但是现在我必须编写另一个测试来检查一个负面场景，看看如果用户单击submit按钮而没有在文本字段中输入任何值，是否会显示错误

在我的页面对象类中，我添加了一个获取错误文本的方法

问题是，现在要在测试规范中编写测试，我将重复代码，我必须编写代码以获取文本字段并单击提交，我在上一次测试中已经完成了这项工作

有什么建议可以解决这个问题吗？

如果您正在做完全相同的事情，或者除了字符串的值或类似的事情之外，做同样的事情，有什么原因不能将重复的代码重构为函数？