Commit d55b7466 authored by Tom Quirk's avatar Tom Quirk

Fix toggle_button spec

parent 90e66900
<script> <script>
import { GlLoadingIcon } from '@gitlab/ui'; import { GlLoadingIcon, GlIcon } from '@gitlab/ui';
import { s__ } from '../../locale'; import { s__ } from '../../locale';
import Icon from './icon.vue';
const ICON_ON = 'status_success_borderless'; const ICON_ON = 'status_success_borderless';
const ICON_OFF = 'status_failed_borderless'; const ICON_OFF = 'status_failed_borderless';
...@@ -10,7 +9,7 @@ const LABEL_OFF = s__('ToggleButton|Toggle Status: OFF'); ...@@ -10,7 +9,7 @@ const LABEL_OFF = s__('ToggleButton|Toggle Status: OFF');
export default { export default {
components: { components: {
Icon, GlIcon,
GlLoadingIcon, GlLoadingIcon,
}, },
...@@ -78,8 +77,8 @@ export default { ...@@ -78,8 +77,8 @@ export default {
> >
<gl-loading-icon class="loading-icon" /> <gl-loading-icon class="loading-icon" />
<span class="toggle-icon gl-bg-white"> <span class="toggle-icon gl-bg-white">
<icon <gl-icon
:size="18" :size="16"
:name="toggleIcon" :name="toggleIcon"
:class="value ? 'gl-fill-blue-500' : 'gl-fill-gray-400'" :class="value ? 'gl-fill-blue-500' : 'gl-fill-gray-400'"
/> />
......
...@@ -32,7 +32,7 @@ describe('Toggle Button', () => { ...@@ -32,7 +32,7 @@ describe('Toggle Button', () => {
it('renders input status icon', () => { it('renders input status icon', () => {
expect(vm.$el.querySelectorAll('span.toggle-icon').length).toEqual(1); expect(vm.$el.querySelectorAll('span.toggle-icon').length).toEqual(1);
expect(vm.$el.querySelectorAll('svg.s16.toggle-icon-svg').length).toEqual(1); expect(vm.$el.querySelectorAll('svg.s16').length).toEqual(1);
}); });
}); });
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment