Hi, I have a strange problem here. After clicking edit button, the value of editing changed, but the whole html didn't changed. I wrote some console.log to show more details:

it ('can trigger edit mode', () => {
        console.log('Editing Value: ')
        console.log(wrapper.vm.editing);
        expect(wrapper.find('#edit').is('button')).toBe(true);
        click('#edit');
        console.log('Edit Button clicked')
        console.log('Editing Value: ')
        console.log(wrapper.vm.editing);
        console.log('HTML: ')
        console.log(wrapper.html());
        expect(wrapper.find('input[name=title]').element.value).toBe('The title');
}

And get these back:

 WEBPACK  Compiled successfully in 2059ms

 MOCHA  Testing...



  Example
Component mounted
    √ says that it is an example component

  Question
    √ presents the title and the body
Editing Value:     
false
Edit Button clicked
Editing Value:     
true
HTML:
<div>
  <div>
    <h1>The title</h1>
    <div class="body">The body</div> <button id="edit">Edit</button>
  </div>
  <!---->
</div>
    1) can trigger edit mode


  2 passing (70ms)
  1 failing

  1) Question
       can trigger edit mode:
     TypeError: Cannot read property 'value' of undefined
      at Context.<anonymous> (public\main.js:88457:92)



 MOCHA  Tests completed with 1 failure(s)

Any help?

TDD a Question Component With Helper Functions