vue-vanilla: Add configurable style class to OneOfRenderer (#2272)

Author: davewwww

Diff for: packages/vue-vanilla/src/complex/OneOfRenderer.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-if="control.visible">
+  <div v-if="control.visible" :class="styles.oneOf.root">
     <combinator-properties
       :schema="control.schema"
       combinator-keyword="oneOf"

Diff for: packages/vue-vanilla/src/styles/defaultStyles.ts

@@ -52,4 +52,7 @@ export const defaultStyles: Styles = {
     buttonPrimary: 'dialog-button-primary',
     buttonSecondary: 'dialog-button-secondary',
   },
+  oneOf: {
+    root: 'one-of',
+  },
 };

Diff for: packages/vue-vanilla/src/styles/styles.ts

@@ -11,6 +11,7 @@ const createEmptyStyles = (): Styles => ({
   arrayList: {},
   label: {},
   dialog: {},
+  oneOf: {},
 });
 
 export interface Styles {
@@ -65,6 +66,9 @@ export interface Styles {
   label: {
     root?: string;
   };
+  oneOf: {
+    root?: string;
+  };
 }
 
 export const useStyles = (element?: UISchemaElement) => {

Diff for: packages/vue-vanilla/tests/unit/complex/OneOfRenderer.spec.ts

@@ -34,6 +34,11 @@ const uischema = {
 };
 
 describe('OneOfRenderer.vue', () => {
+  it('render has a class', () => {
+    const wrapper = mountJsonForms({ variant: 'b', b: 'b' }, schema, uischema);
+    expect(wrapper.find('div.one-of').exists()).to.be.true;
+  });
+
   it('renders select label', () => {
     const wrapper = mountJsonForms({ variant: 'b', b: 'b' }, schema, uischema);
     expect(wrapper.find('label').text()).to.equal('My Object');