all files / tests/specs/v-if/ index.spec.js

100% Statements 23/23
100% Branches 0/0
100% Functions 9/9
100% Lines 23/23
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55                                                               
/* eslint-disable */
import { resolve } from 'path';
import { renderSFCModule } from 'utils';
 
describe('v-if', () => {
  it('toggle if state', (done) => {
    const container = renderSFCModule(require('./if'));
    // not show at first time
    assert(
      container.querySelector('view>view') === null
    );
    container.querySelector('button').click();
 
    setTimeout(() => {
      assert(
        container.querySelector('view>view') !== null
      );
      container.querySelector('button').click();
 
      setTimeout(() => {
        assert(
          container.querySelector('view>view') === null
        );
        done();
      });
    });
  });
 
  it('if elif else', (done) => {
    const cont = renderSFCModule(require('./if-else.html'));
 
    function getViewText() {
      return cont.querySelector('view>view').innerText;
    }
 
    function click() {
      cont.querySelector('button').click();
    }
 
    assert(getViewText() === 'A');
    click();
 
    setTimeout(() => {
      assert(getViewText() === 'B');
      click();
 
      setTimeout(() => {
        assert(getViewText() === 'C');
        done();
      });
    });
  });
});