Merge branch '402419-immediately-preview-editing-broadcast-message' into 'master'

Resolve "Immediately preview when editing a broadcast message" See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/120012 Merged-by: Justin Ho Tuan Duong <hduong@gitlab.com> Approved-by: Mireya Andres <mandres@gitlab.com> Approved-by: Justin Ho Tuan Duong <hduong@gitlab.com> Reviewed-by: Mireya Andres <mandres@gitlab.com> Co-authored-by: rliu-int <rliu-int@gitlab.com>

Merge branch '402419-immediately-preview-editing-broadcast-message' into 'master'
Resolve "Immediately preview when editing a broadcast message" See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/120012 Merged-by: Justin Ho Tuan Duong <hduong@gitlab.com> Approved-by: Mireya Andres <mandres@gitlab.com> Approved-by: Justin Ho Tuan Duong <hduong@gitlab.com> Reviewed-by: Mireya Andres <mandres@gitlab.com> Co-authored-by: rliu-int <rliu-int@gitlab.com>
b373dd95 · Justin Ho Tuan Duong · 5fcdc802 · 9322b125 · b373dd95 · b373dd95
--- a/app/assets/javascripts/admin/broadcast_messages/components/message_form.vue
+++ b/app/assets/javascripts/admin/broadcast_messages/components/message_form.vue
@@ -130,8 +130,11 @@ export default {
    },
  },
  watch: {
-    message() {
+    message: {
-      this.renderPreview();
+      handler() {
+        this.renderPreview();
+      },
+      immediate: true,
    },
  },
  methods: {

--- a/spec/frontend/admin/broadcast_messages/components/message_form_spec.js
+++ b/spec/frontend/admin/broadcast_messages/components/message_form_spec.js
@@ -144,8 +144,8 @@ describe('MessageForm', () => {
      findForm().vm.$emit('submit', { preventDefault: () => {} });
      await waitForPromises();
-      expect(axiosMock.history.post).toHaveLength(1);
+      expect(axiosMock.history.post).toHaveLength(2);
-      expect(axiosMock.history.post[0]).toMatchObject({
+      expect(axiosMock.history.post[1]).toMatchObject({
        url: messagesPath,
        data: JSON.stringify(defaultPayload),
      });