javascript - jasmine-jQuery，如何测试表单填写和 HTML 元素的更改？

Question

我正在尝试测试 HTML 表单的填写以及 HTML 元素文本的后续更改。我需要使用 jasmine-jquery 创建某种形式的事件...

HTML

<div class="response" id="text-response">Unknown</div>

<div class="form-holder">
  <form>
    <input id="input-text" type="text" name="user-input" placeholder="Test Your Text" value="">
    <input id="submit-button" type="submit" value="Submit">
  </form>
</div>

我正在尝试根据某些脚本逻辑测试驱动器 id='text-response' 更改为“正确”。

  describe('Interface logic', function(){

      it('Will return correct if logic applies', function(){
        expect('#emotion').toContainText('Correct');
      });

    });

任何帮助将不胜感激

Answer 1

您可能只需要触发一个事件，例如:

$('#submit-button').click();

这应该会触发点击事件。然后您可以在页面上检查此事件发生的任何情况。