added testdata toggle control

src/plugins/condition/components/TestData.vue

@@ -14,10 +14,13 @@
     <div v-if="expanded"
          class="c-cs__ui_content"
     >
-        <label class="checkbox custom">
-            <input type="checkbox"
-                   class="t-test-data-checkbox"
+        <label class="c-toggle-switch">
+            <input
+                type="checkbox"
+                :checked="isApplied"
+                @change="applyTestData"
             >
+            <span class="c-toggle-switch__slider"></span>
             <span>Apply Test Data</span>
         </label>
         <div class="t-test-data-config">
@@ -58,11 +61,14 @@ export default {
     },
     data() {
         return {
-            expanded: true
+            expanded: true,
+            isApplied: true
         };
     },
     methods: {
-
+        applyTestData(ev) {
+            this.$emit('change', ev.target.checked);
+        }
     }
 }
 </script>

src/plugins/condition/components/condition-set.scss

@@ -27,6 +27,11 @@ section {
     padding: 0.4em;
 }
 
+.c-cs-ui__label {
+    color: #333;
+    vertical-align: middle;
+}
+
 .c-cs__ui_content .help {
     font-style: italic;
     padding: 0.4em 0;