Prevent unsaved changes notification

CHANGELOG.md

@@ -12,6 +12,7 @@
 ### Changed
 
 - Updated the SendGrid webhook event names.
+- Adding or removing test contacts no longer shows an unsaved changes notification ([#437](https://github.com/putyourlightson/craft-campaign/issues/437)).
 
 ## 2.9.4 - 2023-11-07
 

src/controllers/SendoutsController.php

@@ -211,6 +211,7 @@ public function actionPreview(int $sendoutId): Response
             'schedule' => $sendout->getSchedule(),
             'settings' => Campaign::$plugin->settings,
             'contactElementType' => ContactElement::class,
+            'testContactCriteria' => ['status' => ContactElement::STATUS_ACTIVE],
             'testContacts' => $campaignType ? $campaignType->getTestContactsWithDefault() : [],
             'actions' => [],
             'system' => [

src/resources/js/SendTest.js

@@ -5,10 +5,19 @@
  * SendTest class
  */
 Campaign.SendTest = Garnish.Base.extend({
+    $elementSelect: null,
+
     init: function() {
+        this.$elementSelect = $('.test-email .elementselect');
+        this.preventUnsavedChanges();
+        this.addListener(this.$elementSelect, 'change', 'preventUnsavedChanges');
         this.addListener($('.send-test'), 'click', 'sendTest');
     },
 
+    preventUnsavedChanges: function() {
+        this.$elementSelect.find('input').attr('name', '');
+    },
+
     sendTest: function(event) {
         event.preventDefault();
 
@@ -19,7 +28,7 @@ Campaign.SendTest = Garnish.Base.extend({
         $('.send-test').addClass('disabled');
 
         const contactIds = [];
-        $('.test-email .elementselect input').each(function() {
+        this.$elementSelect.find('input').each(function() {
             contactIds.push($(this).val());
         });
 

src/templates/sendouts/_preview.twig

@@ -197,6 +197,7 @@
                     name: 'testContacts',
                     elementType: contactElementType,
                     selectionLabel: "Add a contact"|t('campaign'),
+                    criteria: testContactCriteria,
                     elements: testContacts,
                 }) }}
                 {% set button %}