bfeb7c2c3f
Creates an app to render grouped test reports in the MR widget Ports CSS from EE into CE Creates a reusable code component Adds getters and utils to the existing reports store
33 lines
928 B
JavaScript
33 lines
928 B
JavaScript
import Vue from 'vue';
|
|
import component from '~/vue_shared/components/code_block.vue';
|
|
import mountComponent from '../../helpers/vue_mount_component_helper';
|
|
|
|
describe('Code Block', () => {
|
|
const Component = Vue.extend(component);
|
|
let vm;
|
|
|
|
afterEach(() => {
|
|
vm.$destroy();
|
|
});
|
|
|
|
it('renders a code block with the provided code', () => {
|
|
const code =
|
|
"Failure/Error: is_expected.to eq(3)\n\n expected: 3\n got: -1\n\n (compared using ==)\n./spec/test_spec.rb:12:in `block (4 levels) in \u003ctop (required)\u003e'";
|
|
|
|
vm = mountComponent(Component, {
|
|
code,
|
|
});
|
|
|
|
expect(vm.$el.querySelector('code').textContent).toEqual(code);
|
|
});
|
|
|
|
it('escapes XSS injections', () => {
|
|
const code = 'CCC<img src=x onerror=alert(document.domain)>';
|
|
|
|
vm = mountComponent(Component, {
|
|
code,
|
|
});
|
|
|
|
expect(vm.$el.querySelector('code').textContent).toEqual(code);
|
|
});
|
|
});
|