DEV: adds a caret option to widget dropdown (#9588)

app/assets/javascripts/discourse/app/widgets/widget-dropdown.js

@@ -80,6 +80,9 @@ export const WidgetDropdownHeaderClass = {
     <span class="label">
       {{transformed.label}}
     </span>
+    {{#if attrs.caret}}
+      {{d-icon "caret-down"}}
+    {{/if}}
   `
 };
 
@@ -218,6 +221,7 @@ export const WidgetDropdownClass = {
           label=attrs.label
           translatedLabel=attrs.translatedLabel
           class=this.transformed.options.headerClass
+          caret=this.transformed.options.caret
         )
       }}
 

test/javascripts/widgets/widget-dropdown-test.js

@@ -302,3 +302,18 @@ widgetTest("bodyClass option", {
     assert.ok(body().classList.contains("and-yet-small"));
   }
 });
+
+widgetTest("caret option", {
+  template: TEMPLATE,
+
+  beforeEach() {
+    this.setProperties(DEFAULT_CONTENT);
+    this.set("options", { caret: true });
+  },
+
+  test(assert) {
+    assert.ok(
+      exists("#my-dropdown .widget-dropdown-header .d-icon-caret-down")
+    );
+  }
+});