V16 QA added acceptance test for issue 10431 (#19999)

* Added test

* Bumped version

Author: andr317c

tests/Umbraco.Tests.AcceptanceTest/package-lock.json

@@ -22,9 +22,9 @@
   },
   "dependencies": {
     "@umbraco/json-models-builders": "^2.0.37",
-    "@umbraco/playwright-testhelpers": "^16.0.39",
+    "@umbraco/playwright-testhelpers": "^16.0.41",
     "camelize": "^1.0.0",
     "dotenv": "^16.3.1",
     "node-fetch": "^2.6.7"
   }
-}
+}

tests/Umbraco.Tests.AcceptanceTest/package.json

@@ -158,3 +158,35 @@ test.fixme('can not publish a mandatory media picker with an empty value', async
   expect(contentData.values[0].value[0].focalPoint).toBeNull();
   expect(contentData.values[0].value[0].crops).toEqual([]);
 });
+
+// This is a test for the regression issue #10431
+test('can add a media image to a media picker in variant content, remove it and then add it again', async ({umbracoApi, umbracoUi}) => {
+  // Arrange
+  const dataTypeData = await umbracoApi.dataType.getByName(dataTypeName);
+  const documentTypeId = await umbracoApi.documentType.createDocumentTypeWithPropertyEditor(documentTypeName, dataTypeName, dataTypeData.id, 'Test Group', true, true, false);
+  await umbracoApi.document.createDefaultDocumentWithEnglishCulture(contentName, documentTypeId);
+  const mediaFileId = await umbracoApi.media.createDefaultMediaWithImage(mediaFileName);
+  await umbracoUi.goToBackOffice();
+  await umbracoUi.content.goToSection(ConstantHelper.sections.content);
+
+  // Act
+  await umbracoUi.content.goToContentWithName(contentName);
+  // Adds media item to a media picker
+  await umbracoUi.content.clickChooseButtonAndSelectMediaWithKey(mediaFileId);
+  await umbracoUi.content.clickChooseModalButton();
+  await umbracoUi.content.clickSaveAndPublishButton();
+  await umbracoUi.content.clickContainerSaveAndPublishButton();
+  await umbracoUi.content.isSuccessStateVisibleForSaveAndPublishButton();
+  // Removes media item from the media picker
+  await umbracoUi.content.removeMediaPickerByName(mediaFileName);
+  await umbracoUi.content.clickSaveAndPublishButton();
+  await umbracoUi.content.clickContainerSaveAndPublishButton();
+  await umbracoUi.content.isSuccessStateVisibleForSaveAndPublishButton();
+
+  // Adds media item to a media picker again
+  await umbracoUi.content.clickChooseButtonAndSelectMediaWithKey(mediaFileId);
+  await umbracoUi.content.clickChooseModalButton();
+
+  // Assert
+  await umbracoUi.content.isMediaNameVisible(mediaFileName);
+});