Support min/max length data in "Attributes" section (#909)

Resolves: rdar://131432834

Author: mportiz08

src/components/DocumentationTopic/PrimaryContent/ParameterAttributes.vue

@@ -37,6 +37,15 @@
         }) }}<code>&gt; {{ attribute.value }}</code>
       </template>
     </ParameterMetaAttribute>
+    <ParameterMetaAttribute
+      v-if="shouldRender(AttributeKind.minimumLength)"
+      v-bind="{ kind: AttributeKind.minimumLength, attributes: attributesObject, changes }">
+      <template v-slot="{ attribute }">
+        {{ $t('formats.colon', {
+          content: attribute.title || $t('parameters.minimumLength')
+        }) }}<code>{{ attribute.value }}</code>
+      </template>
+    </ParameterMetaAttribute>
     <ParameterMetaAttribute
       v-if="shouldRender(AttributeKind.maximum)"
       v-bind="{ kind: AttributeKind.maximum, attributes: attributesObject, changes }">
@@ -55,6 +64,15 @@
         }) }}<code>&lt; {{ attribute.value }}</code>
       </template>
     </ParameterMetaAttribute>
+    <ParameterMetaAttribute
+      v-if="shouldRender(AttributeKind.maximumLength)"
+      v-bind="{ kind: AttributeKind.maximumLength, attributes: attributesObject, changes }">
+      <template v-slot="{ attribute }">
+        {{ $t('formats.colon', {
+          content: attribute.title || $t('parameters.maximumLength')
+        }) }}<code>{{ attribute.value }}</code>
+      </template>
+    </ParameterMetaAttribute>
     <ParameterMetaAttribute
       v-if="shouldRender(AttributeKind.allowedTypes)"
       v-bind="{ kind: AttributeKind.allowedTypes, attributes: attributesObject, changes }">
@@ -94,8 +112,10 @@ const AttributeKind = {
   default: 'default',
   maximum: 'maximum',
   maximumExclusive: 'maximumExclusive',
+  maximumLength: 'maximumLength',
   minimum: 'minimum',
   minimumExclusive: 'minimumExclusive',
+  minimumLength: 'minimumLength',
 };
 
 /**

src/lang/locales/en-US.json

@@ -172,7 +172,9 @@
   "parameters": {
     "default": "Default",
     "minimum": "Minimum",
+    "minimumLength": "Minimum length",
     "maximum": "Maximum",
+    "maximumLength": "Maximum length",
     "possible-types": "Type | Possible types",
     "possible-values": "Value | Possible Values"
   },

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

@@ -19,6 +19,8 @@ const { ParameterMetaAttribute } = ParameterAttributes.components;
 const defaultMetadata = { kind: AttributeKind.default, value: 3, title: 'Default' };
 const minimumMetadata = { kind: AttributeKind.minimum, value: 20, title: 'Minimum Value' };
 const maximumMetadata = { kind: AttributeKind.maximum, value: 50, title: 'Maximum Length' };
+const minimumLengthMetadata = { kind: AttributeKind.minimumLength, value: 1, title: 'Minimum Length' };
+const maximumLengthMetadata = { kind: AttributeKind.maximumLength, value: 10, title: 'Maximum Length' };
 const minimumExclusiveMetadata = { kind: AttributeKind.minimumExclusive, value: 2, title: 'Minimum' };
 const maximumExclusiveMetadata = { kind: AttributeKind.maximumExclusive, value: 5, title: 'Maximum' };
 const allowedValuesMetadata = {
@@ -90,6 +92,18 @@ describe('ParameterAttributes', () => {
     ).toBe('formats.colon Maximum< 5');
   });
 
+  it('displays min/max length metadata', () => {
+    const wrapper = mountComponent({
+      attributes: [
+        minimumLengthMetadata,
+        maximumLengthMetadata,
+      ],
+    });
+    const metadata = wrapper.findAll('.property-metadata');
+    expect(metadata.at(0).text()).toBe('formats.colon Minimum Length1');
+    expect(metadata.at(1).text()).toBe('formats.colon Maximum Length10');
+  });
+
   it('displays possible types/values metadata', () => {
     const wrapper = mountComponent({
       attributes: [