spec/javascripts/notebook/cells/output/html_spec.js


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

import Vue from 'vue';
import htmlOutput from '~/notebook/cells/output/html.vue';
import sanitizeTests from './html_sanitize_tests';

describe('html output cell', () => {
  function createComponent(rawCode) {
    const Component = Vue.extend(htmlOutput);

    return new Component({
      propsData: {
        rawCode,
      },
    }).$mount();
  }

  describe('sanitizes output', () => {
    Object.keys(sanitizeTests).forEach((key) => {
      it(key, () => {
        const test = sanitizeTests[key];
        const vm = createComponent(test.input);
        const outputEl = [...vm.$el.querySelectorAll('div')].pop();

        expect(outputEl.innerHTML).toEqual(test.output);

        vm.$destroy();
      });
    });
  });
});