BigW Consortium Gitlab

translate_spec.js 1.57 KB
Newer Older
Phil Hughes committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
import Vue from 'vue';
import Translate from '~/vue_shared/translate';

Vue.use(Translate);

describe('Vue translate filter', () => {
  let el;

  beforeEach(() => {
    el = document.createElement('div');

    document.body.appendChild(el);
  });

  it('translate single text', (done) => {
    const comp = new Vue({
      el,
      template: `
        <span>
20
          {{ __('testing') }}
Phil Hughes committed
21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38
        </span>
      `,
    }).$mount();

    Vue.nextTick(() => {
      expect(
        comp.$el.textContent.trim(),
      ).toBe('testing');

      done();
    });
  });

  it('translate plural text with single count', (done) => {
    const comp = new Vue({
      el,
      template: `
        <span>
39
          {{ n__('%d day', '%d days', 1) }}
Phil Hughes committed
40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57
        </span>
      `,
    }).$mount();

    Vue.nextTick(() => {
      expect(
        comp.$el.textContent.trim(),
      ).toBe('1 day');

      done();
    });
  });

  it('translate plural text with multiple count', (done) => {
    const comp = new Vue({
      el,
      template: `
        <span>
58
          {{ n__('%d day', '%d days', 2) }}
Phil Hughes committed
59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76
        </span>
      `,
    }).$mount();

    Vue.nextTick(() => {
      expect(
        comp.$el.textContent.trim(),
      ).toBe('2 days');

      done();
    });
  });

  it('translate plural without replacing any text', (done) => {
    const comp = new Vue({
      el,
      template: `
        <span>
77
          {{ n__('day', 'days', 2) }}
Phil Hughes committed
78 79 80 81 82 83 84 85 86 87 88 89 90
        </span>
      `,
    }).$mount();

    Vue.nextTick(() => {
      expect(
        comp.$el.textContent.trim(),
      ).toBe('days');

      done();
    });
  });
});