Handle malformed baseType data with extraneous whitespace. (#921)

Resolves: rdar://139449414

Author: mportiz08

src/components/DocumentationTopic/PrimaryContent/PropertyListKeyType.vue

@@ -23,7 +23,7 @@ export default {
   },
   computed: {
     englishTypes() {
-      return this.types.map(({
+      return this.sanitizedTypes.map(({
         arrayMode,
         baseType = '*',
       }) => (arrayMode ? (
@@ -32,6 +32,7 @@ export default {
         baseType
       )));
     },
+    sanitizedTypes: ({ sanitizeType, types }) => types.map(sanitizeType),
     typeOutput() {
       if (this.englishTypes.length > 2) {
         return [this.englishTypes.slice(0, this.englishTypes.length - 1).join(', '),
@@ -54,6 +55,14 @@ export default {
         return type;
       }
     },
+    // trim extra starting/end whitespace of baseType strings in case they
+    // unexpectedly come through that way in the JSON
+    sanitizeType(type) {
+      const { baseType } = type;
+      return baseType
+        ? { ...type, baseType: baseType.trim() }
+        : type;
+    },
   },
 };
 </script>

tests/unit/components/DocumentationTopic/PrimaryContent/PropertyListKeyType.spec.js

@@ -60,4 +60,13 @@ describe('PropertyListKeyType', () => {
       { arrayMode: true },
     ]).text()).toBe('* or array of *');
   });
+
+  it('handles extraneous whitespace when pluralizing types', () => {
+    expect(mountWithTypes([
+      {
+        baseType: 'dictionary ',
+        arrayMode: true,
+      },
+    ]).text()).toBe('array of dictionaries');
+  });
 });