yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

V14 QA media type tests (#16282)

Browse Source 
* Added mediaType and mediaTypeFolder

* Added more tests

* More tests!

* Even more tests

* More fixes

* Clean up

* Added smoke tags

* Bumped version

* Added wait after clicking login

* Added remaining tests

* Bumped version of testHelpers

* Skipped failing test

* Fixed to comments

* Fixed comments and added missing test

* Bumped version

* Split mediaType tests into different files

* Removed test.describe and fixed indentation
This commit is contained in:
Andreas Zerbst
2024-05-23 11:59:43 +02:00
committed by GitHub
parent 380c5bbbe2
commit 876e91d41d
8 changed files with 692 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
tests/Umbraco.Tests.AcceptanceTest/package-lock.json generated
View File

@@ -8,7 +8,7 @@
"hasInstallScript": true,
"dependencies": {
"@umbraco/json-models-builders": "^2.0.5",
"@umbraco/playwright-testhelpers": "^2.0.0-beta.46",
"@umbraco/playwright-testhelpers": "^2.0.0-beta.49",
"camelize": "^1.0.0",
"dotenv": "^16.3.1",
"faker": "^4.1.0",
@@ -146,9 +146,9 @@
"integrity": "sha512-9tCqYEDHI5RYFQigXFwF1hnCwcWCOJl/hmll0lr5D2Ljjb0o4wphb69wikeJDz5qCEzXCoPvG6ss5SDP6IfOdg=="
},
"node_modules/@umbraco/playwright-testhelpers": {
"version": "2.0.0-beta.46",
"resolved": "https://registry.npmjs.org/@umbraco/playwright-testhelpers/-/playwright-testhelpers-2.0.0-beta.46.tgz",
"integrity": "sha512-SJKmKO/84QFnCy0j7fGEYbRtbLZKC/k1xlyUKrkZpzVekVIS6gSki5ECWu4LiJnfmo+yhxGBsA2l3iLZfL1gow==",
"version": "2.0.0-beta.49",
"resolved": "https://registry.npmjs.org/@umbraco/playwright-testhelpers/-/playwright-testhelpers-2.0.0-beta.49.tgz",
"integrity": "sha512-fmEJjuawY8QEHLQ9xozp83GozkVFFwEAHMYnNENYt98XSyu55OA7sRxIXUabKPOUGzgcGkiSceicKG7JXBoofw==",
"dependencies": {
"@umbraco/json-models-builders": "2.0.6",
"camelize": "^1.0.0",

2
tests/Umbraco.Tests.AcceptanceTest/package.json
View File

@@ -22,7 +22,7 @@
},
"dependencies": {
"@umbraco/json-models-builders": "^2.0.5",
"@umbraco/playwright-testhelpers": "^2.0.0-beta.46",
"@umbraco/playwright-testhelpers": "^2.0.0-beta.49",
"camelize": "^1.0.0",
"dotenv": "^16.3.1",
"faker": "^4.1.0",

4
tests/Umbraco.Tests.AcceptanceTest/tests/DefaultConfig/Settings/Language/Language.spec.ts
View File

@@ -1,4 +1,4 @@
import {test} from '@umbraco/playwright-testhelpers';
import {test} from '@umbraco/playwright-testhelpers';
import {expect} from "@playwright/test";
const languageName = 'Arabic';
@@ -15,7 +15,7 @@ test.afterEach(async ({umbracoApi}) => {
await umbracoApi.language.ensureNameNotExists(languageName);
});
test('can add language', {tag: '@smoke'}, async ({umbracoApi, umbracoUi}) => {
test.skip('can add language', {tag: '@smoke'}, async ({umbracoApi, umbracoUi}) => {
// Arrange
await umbracoUi.language.goToSettingsTreeItem('Language');

94
tests/Umbraco.Tests.AcceptanceTest/tests/DefaultConfig/Settings/MediaType/MediaType.spec.ts Normal file
View File

@@ -0,0 +1,94 @@
import {expect} from "@playwright/test";
import {AliasHelper, ConstantHelper, test} from '@umbraco/playwright-testhelpers';
const mediaTypeName = 'TestMediaType';
test.beforeEach(async ({umbracoUi, umbracoApi}) => {
await umbracoApi.mediaType.ensureNameNotExists(mediaTypeName);
await umbracoUi.goToBackOffice();
await umbracoUi.mediaType.goToSection(ConstantHelper.sections.settings);
});
test.afterEach(async ({umbracoApi}) => {
await umbracoApi.mediaType.ensureNameNotExists(mediaTypeName);
});
test('can create a media type', {tag: '@smoke'}, async ({umbracoApi, umbracoUi}) => {
// Act
await umbracoUi.mediaType.clickActionsMenuForName('Media Types');
await umbracoUi.mediaType.clickCreateButton();
await umbracoUi.mediaType.clickNewMediaTypeButton();
await umbracoUi.mediaType.enterMediaTypeName(mediaTypeName);
await umbracoUi.mediaType.clickSaveButton();
// Assert
await umbracoUi.mediaType.isSuccessNotificationVisible();
expect(await umbracoApi.mediaType.doesNameExist(mediaTypeName)).toBeTruthy();
});
test('can rename a media type', async ({umbracoApi, umbracoUi}) => {
// Arrange
const wrongName = 'NotAMediaTypeName';
await umbracoApi.mediaType.ensureNameNotExists(wrongName);
await umbracoApi.mediaType.createDefaultMediaType(wrongName);
// Act
await umbracoUi.mediaType.goToMediaType(wrongName);
await umbracoUi.mediaType.enterMediaTypeName(mediaTypeName);
await umbracoUi.mediaType.clickSaveButton();
// Assert
await umbracoUi.mediaType.isSuccessNotificationVisible();
expect(await umbracoApi.mediaType.doesNameExist(mediaTypeName)).toBeTruthy();
});
test('can update the alias for a media type', async ({umbracoApi, umbracoUi}) => {
// Arrange
const oldAlias = AliasHelper.toAlias(mediaTypeName);
const updatedAlias = 'TestMediaAlias';
await umbracoApi.mediaType.createDefaultMediaType(mediaTypeName);
const mediaTypeDataOld = await umbracoApi.mediaType.getByName(mediaTypeName);
expect(mediaTypeDataOld.alias).toBe(oldAlias);
// Act
await umbracoUi.mediaType.goToMediaType(mediaTypeName);
await umbracoUi.mediaType.enterAliasName(updatedAlias);
await umbracoUi.mediaType.clickSaveButton();
// Assert
await umbracoUi.mediaType.isSuccessNotificationVisible();
const mediaTypeData = await umbracoApi.mediaType.getByName(mediaTypeName);
expect(mediaTypeData.alias).toBe(updatedAlias);
});
test('can add an icon for a media type', {tag: '@smoke'}, async ({umbracoApi, umbracoUi}) => {
// Arrange
const bugIcon = 'icon-bug';
await umbracoApi.mediaType.createDefaultMediaType(mediaTypeName);
// Act
await umbracoUi.mediaType.goToMediaType(mediaTypeName);
await umbracoUi.mediaType.updateIcon(bugIcon);
await umbracoUi.mediaType.clickSaveButton();
// Assert
await umbracoUi.mediaType.isSuccessNotificationVisible();
const mediaTypeData = await umbracoApi.mediaType.getByName(mediaTypeName);
expect(mediaTypeData.icon).toBe(bugIcon);
await umbracoUi.mediaType.isTreeItemVisible(mediaTypeName, true);
});
test('can delete a media type', {tag: '@smoke'}, async ({umbracoApi, umbracoUi}) => {
// Arrange
await umbracoApi.mediaType.createDefaultMediaType(mediaTypeName);
// Act
await umbracoUi.mediaType.clickRootFolderCaretButton();
await umbracoUi.mediaType.clickActionsMenuForName(mediaTypeName);
await umbracoUi.mediaType.clickDeleteButton();
await umbracoUi.mediaType.clickConfirmToDeleteButton();
// Assert
await umbracoUi.mediaType.isSuccessNotificationVisible();
expect(await umbracoApi.mediaType.doesNameExist(mediaTypeName)).toBeFalsy();
});

363
tests/Umbraco.Tests.AcceptanceTest/tests/DefaultConfig/Settings/MediaType/MediaTypeDesignTab.spec.ts Normal file
View File

@@ -0,0 +1,363 @@
import {ConstantHelper, test} from "@umbraco/playwright-testhelpers";
import {expect} from "@playwright/test";
const mediaTypeName = 'TestMediaType';
const dataTypeName = 'Upload File';
const groupName = 'TestGroup';
const tabName = 'TestTab';
test.beforeEach(async ({umbracoUi, umbracoApi}) => {
await umbracoApi.mediaType.ensureNameNotExists(mediaTypeName);
await umbracoUi.goToBackOffice();
await umbracoUi.mediaType.goToSection(ConstantHelper.sections.settings);
});
test.afterEach(async ({umbracoApi}) => {
await umbracoApi.mediaType.ensureNameNotExists(mediaTypeName);
});
test('can create a media type with a property', {tag: '@smoke'}, async ({umbracoApi, umbracoUi}) => {
// Arrange
await umbracoApi.mediaType.createDefaultMediaType(mediaTypeName);
// Act
await umbracoUi.mediaType.goToMediaType(mediaTypeName);
await umbracoUi.mediaType.clickAddGroupButton();
await umbracoUi.mediaType.addPropertyEditor(dataTypeName);
await umbracoUi.mediaType.enterGroupName(groupName);
await umbracoUi.mediaType.clickSaveButton();
// Assert
await umbracoUi.mediaType.isSuccessNotificationVisible();
expect(await umbracoApi.mediaType.doesNameExist(mediaTypeName)).toBeTruthy();
const mediaTypeData = await umbracoApi.mediaType.getByName(mediaTypeName);
const dataType = await umbracoApi.dataType.getByName(dataTypeName);
// Checks if the correct property was added to the media type
expect(mediaTypeData.properties[0].dataType.id).toBe(dataType.id);
});
test('can update a property in a media type', async ({umbracoApi, umbracoUi}) => {
// Arrange
const dataTypeData = await umbracoApi.dataType.getByName(dataTypeName);
const newDataTypeName = 'Image Media Picker';
await umbracoApi.mediaType.createMediaTypeWithPropertyEditor(mediaTypeName, dataTypeName, dataTypeData.id);
// Act
await umbracoUi.mediaType.goToMediaType(mediaTypeName);
await umbracoUi.mediaType.updatePropertyEditor(newDataTypeName);
await umbracoUi.mediaType.clickSaveButton();
// Assert
await umbracoUi.mediaType.isSuccessNotificationVisible();
const mediaTypeData = await umbracoApi.mediaType.getByName(mediaTypeName);
const dataType = await umbracoApi.dataType.getByName(newDataTypeName);
// Checks if the correct property was added to the media type
expect(mediaTypeData.properties[0].dataType.id).toBe(dataType.id);
});
test('can update group name in a media type', async ({umbracoApi, umbracoUi}) => {
// Arrange
const dataTypeData = await umbracoApi.dataType.getByName(dataTypeName);
const updatedGroupName = 'UpdatedGroupName';
await umbracoApi.mediaType.createMediaTypeWithPropertyEditor(mediaTypeName, dataTypeName, dataTypeData.id, groupName);
// Act
await umbracoUi.mediaType.goToMediaType(mediaTypeName);
await umbracoUi.mediaType.enterGroupName(updatedGroupName);
await umbracoUi.mediaType.clickSaveButton();
// Assert
await umbracoUi.mediaType.isSuccessNotificationVisible();
const mediaTypeData = await umbracoApi.mediaType.getByName(mediaTypeName);
expect(mediaTypeData.containers[0].name).toBe(updatedGroupName);
});
test('can delete a property in a media type', async ({umbracoApi, umbracoUi}) => {
// Arrange
const dataTypeData = await umbracoApi.dataType.getByName(dataTypeName);
await umbracoApi.mediaType.createMediaTypeWithPropertyEditor(mediaTypeName, dataTypeName, dataTypeData.id, groupName);
// Act
await umbracoUi.mediaType.goToMediaType(mediaTypeName);
await umbracoUi.mediaType.deletePropertyEditorWithName(dataTypeName);
await umbracoUi.mediaType.clickSaveButton();
// Assert
await umbracoUi.mediaType.isSuccessNotificationVisible();
const mediaTypeData = await umbracoApi.mediaType.getByName(mediaTypeName);
expect(mediaTypeData.properties.length).toBe(0);
});
test('can add a description to property in a media type', {tag: '@smoke'}, async ({umbracoApi, umbracoUi}) => {
// Arrange
const descriptionText = 'Test Description';
const dataTypeData = await umbracoApi.dataType.getByName(dataTypeName);
await umbracoApi.mediaType.createMediaTypeWithPropertyEditor(mediaTypeName, dataTypeName, dataTypeData.id, groupName);
// Act
await umbracoUi.mediaType.goToMediaType(mediaTypeName);
await umbracoUi.mediaType.clickEditorSettingsButton();
await umbracoUi.mediaType.enterPropertyEditorDescription(descriptionText);
await umbracoUi.mediaType.clickUpdateButton();
await umbracoUi.mediaType.clickSaveButton();
// Assert
await umbracoUi.mediaType.isSuccessNotificationVisible();
await expect(umbracoUi.mediaType.enterDescriptionTxt).toBeVisible();
expect(umbracoUi.mediaType.doesDescriptionHaveValue(descriptionText)).toBeTruthy();
const mediaTypeData = await umbracoApi.mediaType.getByName(mediaTypeName);
expect(mediaTypeData.properties[0].description).toBe(descriptionText);
});
test('can set a property as mandatory in a media type', {tag: '@smoke'}, async ({umbracoApi, umbracoUi}) => {
// Arrange
const dataTypeData = await umbracoApi.dataType.getByName(dataTypeName);
await umbracoApi.mediaType.createMediaTypeWithPropertyEditor(mediaTypeName, dataTypeName, dataTypeData.id);
// Act
await umbracoUi.mediaType.goToMediaType(mediaTypeName);
await umbracoUi.mediaType.clickEditorSettingsButton();
await umbracoUi.mediaType.clickMandatorySlider();
await umbracoUi.mediaType.clickUpdateButton();
await umbracoUi.mediaType.clickSaveButton();
// Assert
await umbracoUi.mediaType.isSuccessNotificationVisible();
const mediaTypeData = await umbracoApi.mediaType.getByName(mediaTypeName);
expect(mediaTypeData.properties[0].validation.mandatory).toBeTruthy();
});
test('can set up validation for a property in a media type', async ({umbracoApi, umbracoUi}) => {
// Arrange
const dataTypeData = await umbracoApi.dataType.getByName(dataTypeName);
const regex = '^[a-zA-Z0-9]*$';
const regexMessage = 'Only letters and numbers are allowed';
await umbracoApi.mediaType.createMediaTypeWithPropertyEditor(mediaTypeName, dataTypeName, dataTypeData.id);
// Act
await umbracoUi.mediaType.goToMediaType(mediaTypeName);
await umbracoUi.mediaType.clickEditorSettingsButton();
await umbracoUi.mediaType.selectValidationOption('');
await umbracoUi.mediaType.enterRegEx(regex);
await umbracoUi.mediaType.enterRegExMessage(regexMessage);
await umbracoUi.mediaType.clickUpdateButton();
await umbracoUi.mediaType.clickSaveButton();
// Assert
await umbracoUi.mediaType.isSuccessNotificationVisible();
const mediaTypeData = await umbracoApi.mediaType.getByName(mediaTypeName);
expect(mediaTypeData.properties[0].validation.regEx).toBe(regex);
expect(mediaTypeData.properties[0].validation.regExMessage).toBe(regexMessage);
});
test('can set appearance as label on top for property in a media type', async ({umbracoApi, umbracoUi}) => {
// Arrange
const dataTypeData = await umbracoApi.dataType.getByName(dataTypeName);
await umbracoApi.mediaType.createMediaTypeWithPropertyEditor(mediaTypeName, dataTypeName, dataTypeData.id);
// Act
await umbracoUi.mediaType.goToMediaType(mediaTypeName);
await umbracoUi.mediaType.clickEditorSettingsButton();
await umbracoUi.mediaType.clickLabelOnTopButton();
await umbracoUi.mediaType.clickUpdateButton();
await umbracoUi.mediaType.clickSaveButton();
// Assert
await umbracoUi.mediaType.isSuccessNotificationVisible();
const mediaTypeData = await umbracoApi.mediaType.getByName(mediaTypeName);
expect(mediaTypeData.properties[0].appearance.labelOnTop).toBeTruthy();
});
test('can delete a group in a media type', {tag: '@smoke'}, async ({umbracoApi, umbracoUi}) => {
// Arrange
const dataTypeData = await umbracoApi.dataType.getByName(dataTypeName);
await umbracoApi.mediaType.createMediaTypeWithPropertyEditor(mediaTypeName, dataTypeName, dataTypeData.id, groupName);
// Act
await umbracoUi.mediaType.goToMediaType(mediaTypeName);
await umbracoUi.mediaType.deleteGroup(groupName, true);
await umbracoUi.mediaType.clickConfirmToDeleteButton();
await umbracoUi.mediaType.clickSaveButton();
// Assert
await umbracoUi.mediaType.isSuccessNotificationVisible();
const mediaTypeData = await umbracoApi.mediaType.getByName(mediaTypeName);
expect(mediaTypeData.containers.length).toBe(0);
expect(mediaTypeData.properties.length).toBe(0);
});
test('can create a media type with a property in a tab', {tag: '@smoke'}, async ({umbracoApi, umbracoUi}) => {
// Arrange
await umbracoApi.mediaType.createDefaultMediaType(mediaTypeName);
// Act
await umbracoUi.mediaType.goToMediaType(mediaTypeName);
await umbracoUi.mediaType.clickAddTabButton();
await umbracoUi.mediaType.enterTabName(tabName);
await umbracoUi.mediaType.addPropertyEditor(dataTypeName);
await umbracoUi.mediaType.clickSaveButton();
// Assert
await umbracoUi.mediaType.isSuccessNotificationVisible();
// Checks if the media type has the correct tab and property
const mediaTypeData = await umbracoApi.mediaType.getByName(mediaTypeName);
expect(await umbracoApi.mediaType.doesTabContainerCorrectPropertyEditor(mediaTypeName, tabName, mediaTypeData.properties[0].dataType.id)).toBeTruthy();
});
test('can create a media type with multiple groups', {tag: '@smoke'}, async ({umbracoApi, umbracoUi}) => {
// Arrange
const dataTypeData = await umbracoApi.dataType.getByName(dataTypeName);
const secondDataTypeName = 'Image Media Picker';
await umbracoApi.mediaType.createMediaTypeWithPropertyEditor(mediaTypeName, dataTypeName, dataTypeData.id, groupName);
const secondDataType = await umbracoApi.dataType.getByName(secondDataTypeName);
const secondGroupName = 'TesterGroup';
// Act
await umbracoUi.mediaType.goToMediaType(mediaTypeName);
await umbracoUi.mediaType.clickAddGroupButton();
await umbracoUi.mediaType.addPropertyEditor(secondDataTypeName, 1);
await umbracoUi.mediaType.enterGroupName(secondGroupName, 1);
await umbracoUi.mediaType.clickSaveButton();
// Assert
await umbracoUi.mediaType.isSuccessNotificationVisible();
expect(await umbracoApi.mediaType.doesNameExist(mediaTypeName)).toBeTruthy();
expect(await umbracoApi.mediaType.doesGroupContainCorrectPropertyEditor(mediaTypeName, dataTypeName, dataTypeData.id, groupName)).toBeTruthy();
expect(await umbracoApi.mediaType.doesGroupContainCorrectPropertyEditor(mediaTypeName, secondDataTypeName, secondDataType.id, secondGroupName)).toBeTruthy();
});
test('can create a media type with multiple tabs', async ({umbracoApi, umbracoUi}) => {
// Arrange
const dataTypeData = await umbracoApi.dataType.getByName(dataTypeName);
const secondDataTypeName = 'Image Media Picker';
const secondGroupName = 'TesterGroup';
const secondTabName = 'SecondTab';
await umbracoApi.mediaType.createMediaTypeWithPropertyEditorInTab(mediaTypeName, dataTypeName, dataTypeData.id, tabName, groupName);
const secondDataType = await umbracoApi.dataType.getByName(secondDataTypeName);
// Act
await umbracoUi.mediaType.goToMediaType(mediaTypeName);
await umbracoUi.mediaType.clickAddTabButton();
await umbracoUi.mediaType.enterTabName(secondTabName);
await umbracoUi.mediaType.clickAddGroupButton();
await umbracoUi.mediaType.enterGroupName(secondGroupName);
await umbracoUi.mediaType.addPropertyEditor(secondDataTypeName, 1);
await umbracoUi.mediaType.clickSaveButton();
// Assert
await umbracoUi.mediaType.isSuccessNotificationVisible();
expect(await umbracoApi.mediaType.doesNameExist(mediaTypeName)).toBeTruthy();
expect(await umbracoApi.mediaType.doesTabContainCorrectPropertyEditorInGroup(mediaTypeName, dataTypeName, dataTypeData.id, tabName, groupName)).toBeTruthy();
expect(await umbracoApi.mediaType.doesTabContainCorrectPropertyEditorInGroup(mediaTypeName, secondDataTypeName, secondDataType.id, secondTabName, secondGroupName)).toBeTruthy();
});
test('can delete a tab from a media type', async ({umbracoApi, umbracoUi}) => {
// Arrange
const dataTypeData = await umbracoApi.dataType.getByName(dataTypeName);
await umbracoApi.mediaType.createMediaTypeWithPropertyEditorInTab(mediaTypeName, dataTypeName, dataTypeData.id, tabName, groupName);
// Act
await umbracoUi.mediaType.goToMediaType(mediaTypeName);
await umbracoUi.mediaType.clickRemoveTabWithName(tabName);
await umbracoUi.mediaType.clickConfirmToDeleteButton();
await umbracoUi.mediaType.clickSaveButton();
// Assert
await umbracoUi.mediaType.isSuccessNotificationVisible();
expect(await umbracoApi.mediaType.doesNameExist(mediaTypeName)).toBeTruthy();
});
// TODO: Currently there is no composition button, which makes it impossible to test
test.skip('can create a media type with a composition', async ({umbracoApi, umbracoUi}) => {
// Arrange
const compositionMediaTypeName = 'CompositionMediaType';
await umbracoApi.mediaType.ensureNameNotExists(compositionMediaTypeName);
const dataTypeData = await umbracoApi.dataType.getByName(dataTypeName);
const compositionMediaTypeId = await umbracoApi.mediaType.createMediaTypeWithPropertyEditor(compositionMediaTypeName, dataTypeName, dataTypeData.id, groupName);
await umbracoApi.mediaType.createDefaultMediaType(mediaTypeName);
// Act
await umbracoUi.mediaType.goToMediaType(mediaTypeName);
await umbracoUi.mediaType.clickCompositionsButton();
await umbracoUi.mediaType.clickButtonWithName(compositionMediaTypeName);
await umbracoUi.mediaType.clickSubmitButton();
await umbracoUi.mediaType.clickSaveButton();
// Assert
await umbracoUi.mediaType.isSuccessNotificationVisible();
expect(umbracoUi.mediaType.doesGroupHaveValue(groupName)).toBeTruthy();
// Checks if the composition in the media type is correct
const mediaTypeData = await umbracoApi.mediaType.getByName(mediaTypeName);
expect(mediaTypeData.compositions[0].mediaType.id).toBe(compositionMediaTypeId);
// Clean
await umbracoApi.mediaType.ensureNameNotExists(compositionMediaTypeName);
});
test('can reorder groups in a media type', async ({umbracoApi, umbracoUi}) => {
// Arrange
const dataTypeData = await umbracoApi.dataType.getByName(dataTypeName);
const secondGroupName = 'SecondGroup';
await umbracoApi.mediaType.createMediaTypeWithTwoGroups(mediaTypeName, dataTypeName, dataTypeData.id, groupName, secondGroupName);
await umbracoUi.mediaType.goToMediaType(mediaTypeName);
// Act
await umbracoUi.mediaType.clickReorderButton();
const groupValues = await umbracoUi.mediaType.reorderTwoGroups();
const firstGroupValue = groupValues.firstGroupValue;
const secondGroupValue = groupValues.secondGroupValue;
await umbracoUi.mediaType.clickIAmDoneReorderingButton();
await umbracoUi.mediaType.clickSaveButton();
// Assert
await umbracoUi.mediaType.isSuccessNotificationVisible();
// Since we swapped sorting order, the firstGroupValue should have sortOrder 1 and the secondGroupValue should have sortOrder 0
expect(await umbracoApi.mediaType.doesMediaTypeGroupNameContainCorrectSortOrder(mediaTypeName, secondGroupValue, 0)).toBeTruthy();
expect(await umbracoApi.mediaType.doesMediaTypeGroupNameContainCorrectSortOrder(mediaTypeName, firstGroupValue, 1)).toBeTruthy();
});
// TODO: Unskip when it works. Sometimes the properties are not dragged correctly.
test.skip('can reorder properties in a media type', async ({umbracoApi, umbracoUi}) => {
// Arrange
const dataTypeData = await umbracoApi.dataType.getByName(dataTypeName);
const dataTypeNameTwo = "Upload Second File";
await umbracoApi.mediaType.createMediaTypeWithTwoPropertyEditors(mediaTypeName, dataTypeName, dataTypeData.id, dataTypeNameTwo, dataTypeData.id);
await umbracoUi.mediaType.goToMediaType(mediaTypeName);
// Act
await umbracoUi.mediaType.clickReorderButton();
// Drag and Drop
const dragFromLocator = umbracoUi.mediaType.getTextLocatorWithName(dataTypeNameTwo);
const dragToLocator = umbracoUi.mediaType.getTextLocatorWithName(dataTypeName);
await umbracoUi.mediaType.dragAndDrop(dragFromLocator, dragToLocator, -10, 0, 5);
await umbracoUi.waitForTimeout(200);
await umbracoUi.mediaType.clickIAmDoneReorderingButton();
await umbracoUi.mediaType.clickSaveButton();
// Assert
await umbracoUi.mediaType.isSuccessNotificationVisible();
const mediaTypeData = await umbracoApi.mediaType.getByName(mediaTypeName);
expect(mediaTypeData.properties[0].name).toBe(dataTypeNameTwo);
});
// TODO: Unskip when the frontend does not give the secondTab -1 as the sortOrder
test.skip('can reorder tabs in a media type', async ({umbracoApi, umbracoUi}) => {
// Arrange
const dataTypeData = await umbracoApi.dataType.getByName(dataTypeName);
const secondTabName = 'SecondTab';
await umbracoApi.mediaType.createMediaTypeWithTwoTabs(mediaTypeName, dataTypeName, dataTypeData.id, tabName, secondTabName);
await umbracoUi.mediaType.goToMediaType(mediaTypeName);
// Act
const dragToLocator = umbracoUi.mediaType.getTabLocatorWithName(tabName);
const dragFromLocator = umbracoUi.mediaType.getTabLocatorWithName(secondTabName);
await umbracoUi.mediaType.clickReorderButton();
await umbracoUi.mediaType.dragAndDrop(dragFromLocator, dragToLocator, 0, 0, 10);
await umbracoUi.mediaType.clickIAmDoneReorderingButton();
await umbracoUi.mediaType.clickSaveButton();
// Assert
await umbracoUi.mediaType.isSuccessNotificationVisible();
expect(await umbracoApi.mediaType.doesMediaTypeTabNameContainCorrectSortOrder(mediaTypeName, secondTabName, 0)).toBeTruthy();
expect(await umbracoApi.mediaType.doesMediaTypeTabNameContainCorrectSortOrder(mediaTypeName, tabName, 1)).toBeTruthy();
});

109
tests/Umbraco.Tests.AcceptanceTest/tests/DefaultConfig/Settings/MediaType/MediaTypeFolder.spec.ts Normal file
View File

@@ -0,0 +1,109 @@
import {ConstantHelper, test} from '@umbraco/playwright-testhelpers';
import {expect} from "@playwright/test";
const mediaTypeFolderName = 'TestMediaTypeFolder';
test.beforeEach(async ({umbracoUi, umbracoApi}) => {
await umbracoApi.mediaType.ensureNameNotExists(mediaTypeFolderName);
await umbracoUi.goToBackOffice();
await umbracoUi.mediaType.goToSection(ConstantHelper.sections.settings);
});
test.afterEach(async ({umbracoApi}) => {
await umbracoApi.mediaType.ensureNameNotExists(mediaTypeFolderName);
});
test('can create a empty media type folder', async ({umbracoApi, umbracoUi}) => {
// Act
await umbracoUi.mediaType.clickActionsMenuForName('Media Types');
await umbracoUi.mediaType.createFolder(mediaTypeFolderName);
// Assert
await umbracoUi.mediaType.isSuccessNotificationVisible();
const folder = await umbracoApi.mediaType.getByName(mediaTypeFolderName);
expect(folder.name).toBe(mediaTypeFolderName);
// Checks if the folder is in the root
await umbracoUi.mediaType.clickRootFolderCaretButton();
await umbracoUi.mediaType.isTreeItemVisible(mediaTypeFolderName, true);
});
test('can delete a media type folder', async ({umbracoApi, umbracoUi}) => {
// Arrange
await umbracoApi.mediaType.createFolder(mediaTypeFolderName);
// Act
await umbracoUi.mediaType.clickRootFolderCaretButton();
await umbracoUi.mediaType.clickActionsMenuForName(mediaTypeFolderName);
await umbracoUi.mediaType.deleteFolder();
// Assert
await umbracoUi.mediaType.isSuccessNotificationVisible();
expect(await umbracoApi.mediaType.doesNameExist(mediaTypeFolderName)).toBeFalsy();
});
test('can rename a media type folder', async ({umbracoApi, umbracoUi}) => {
// Arrange
const oldFolderName = 'OldName';
await umbracoApi.mediaType.createFolder(oldFolderName);
// Act
await umbracoUi.mediaType.clickRootFolderCaretButton();
await umbracoUi.mediaType.clickActionsMenuForName(oldFolderName);
await umbracoUi.mediaType.clickRenameFolderButton();
await umbracoUi.mediaType.enterFolderName(mediaTypeFolderName);
await umbracoUi.mediaType.clickUpdateFolderButton();
// Assert
await umbracoUi.mediaType.isSuccessNotificationVisible();
const folder = await umbracoApi.mediaType.getByName(mediaTypeFolderName);
expect(folder.name).toBe(mediaTypeFolderName);
});
test('can create a media type folder in a folder', async ({umbracoApi, umbracoUi}) => {
// Arrange
const childFolderName = 'ChildFolder';
await umbracoApi.mediaType.ensureNameNotExists(childFolderName);
const parentFolderId = await umbracoApi.mediaType.createFolder(mediaTypeFolderName);
// Act
await umbracoUi.mediaType.clickRootFolderCaretButton();
await umbracoUi.mediaType.clickActionsMenuForName(mediaTypeFolderName);
await umbracoUi.mediaType.createFolder(childFolderName);
// Assert
await umbracoUi.mediaType.clickCaretButtonForName(mediaTypeFolderName);
await umbracoUi.mediaType.isTreeItemVisible(childFolderName, true);
const parentFolderChildren = await umbracoApi.mediaType.getChildren(parentFolderId);
expect(parentFolderChildren[0].name).toBe(childFolderName);
// Clean
await umbracoApi.mediaType.ensureNameNotExists(childFolderName);
});
test('can create a media type folder in a folder in a folder', async ({umbracoApi, umbracoUi}) => {
// Arrange
const grandparentFolderName = 'GrandparentFolder';
const childFolderName = 'ChildFolder';
await umbracoApi.mediaType.ensureNameNotExists(childFolderName);
await umbracoApi.mediaType.ensureNameNotExists(grandparentFolderName);
const grandParentFolderId = await umbracoApi.mediaType.createFolder(grandparentFolderName);
const parentFolderId = await umbracoApi.mediaType.createFolder(mediaTypeFolderName, grandParentFolderId);
// Act
await umbracoUi.mediaType.clickRootFolderCaretButton();
await umbracoUi.mediaType.clickCaretButtonForName(grandparentFolderName);
await umbracoUi.mediaType.clickActionsMenuForName(mediaTypeFolderName);
await umbracoUi.mediaType.createFolder(childFolderName);
// Assert
await umbracoUi.mediaType.clickCaretButtonForName(mediaTypeFolderName);
await umbracoUi.mediaType.isTreeItemVisible(childFolderName, true);
const grandParentFolderChildren = await umbracoApi.mediaType.getChildren(grandParentFolderId);
expect(grandParentFolderChildren[0].name).toBe(mediaTypeFolderName);
const parentFolderChildren = await umbracoApi.mediaType.getChildren(parentFolderId);
expect(parentFolderChildren[0].name).toBe(childFolderName);
// Clean
await umbracoApi.mediaType.ensureNameNotExists(childFolderName);
await umbracoApi.mediaType.ensureNameNotExists(grandparentFolderName);
});

118
tests/Umbraco.Tests.AcceptanceTest/tests/DefaultConfig/Settings/MediaType/MediaTypeStructureTab.spec.ts Normal file
View File

@@ -0,0 +1,118 @@
import {ConstantHelper, test} from "@umbraco/playwright-testhelpers";
import {expect} from "@playwright/test";
const mediaTypeName = 'TestMediaType';
test.beforeEach(async ({umbracoUi, umbracoApi}) => {
await umbracoApi.mediaType.ensureNameNotExists(mediaTypeName);
await umbracoUi.goToBackOffice();
await umbracoUi.mediaType.goToSection(ConstantHelper.sections.settings);
});
test.afterEach(async ({umbracoApi}) => {
await umbracoApi.mediaType.ensureNameNotExists(mediaTypeName);
});
test('can create a media type with allow at root enabled', {tag: '@smoke'}, async ({umbracoApi, umbracoUi}) => {
// Arrange
await umbracoApi.mediaType.createDefaultMediaType(mediaTypeName);
// Act
await umbracoUi.mediaType.goToMediaType(mediaTypeName);
await umbracoUi.mediaType.clickStructureTab();
await umbracoUi.mediaType.clickAllowAtRootButton();
await umbracoUi.mediaType.clickSaveButton();
// Assert
await umbracoUi.mediaType.isSuccessNotificationVisible();
const mediaTypeData = await umbracoApi.mediaType.getByName(mediaTypeName);
expect(mediaTypeData.allowedAsRoot).toBeTruthy();
});
test('can create a media type with an allowed child node type', {tag: '@smoke'}, async ({umbracoApi, umbracoUi}) => {
// Arrange
await umbracoApi.mediaType.createDefaultMediaType(mediaTypeName);
// Act
await umbracoUi.mediaType.goToMediaType(mediaTypeName);
await umbracoUi.mediaType.clickStructureTab();
await umbracoUi.mediaType.clickChooseButton();
await umbracoUi.mediaType.clickButtonWithName(mediaTypeName);
await umbracoUi.mediaType.clickAllowedChildNodesButton();
await umbracoUi.mediaType.clickSaveButton();
// Assert
await umbracoUi.mediaType.isSuccessNotificationVisible();
const mediaTypeData = await umbracoApi.mediaType.getByName(mediaTypeName);
expect(mediaTypeData.allowedMediaTypes[0].mediaType.id).toBe(mediaTypeData.id);
});
test('can create a media type with multiple allowed child nodes types', async ({umbracoApi, umbracoUi}) => {
// Arrange
const mediaTypeId = await umbracoApi.mediaType.createDefaultMediaType(mediaTypeName);
const secondMediaTypeName = 'SecondMediaType';
await umbracoApi.mediaType.ensureNameNotExists(secondMediaTypeName);
const secondMediaTypeId = await umbracoApi.mediaType.createDefaultMediaType(secondMediaTypeName);
// Act
await umbracoUi.mediaType.goToMediaType(mediaTypeName);
await umbracoUi.mediaType.clickStructureTab();
await umbracoUi.mediaType.clickChooseButton();
await umbracoUi.mediaType.clickButtonWithName(mediaTypeName);
await umbracoUi.mediaType.clickButtonWithName(secondMediaTypeName);
await umbracoUi.mediaType.clickAllowedChildNodesButton();
await umbracoUi.mediaType.clickSaveButton();
// Assert
await umbracoUi.mediaType.isSuccessNotificationVisible();
expect(await umbracoApi.mediaType.doesMediaTypeContainAllowedChildNodeIds(mediaTypeName, [mediaTypeId, secondMediaTypeId])).toBeTruthy();
// Clean
await umbracoApi.mediaType.ensureNameNotExists(secondMediaTypeName);
});
test('can delete an allowed child note from a media type', {tag: '@smoke'}, async ({umbracoApi, umbracoUi}) => {
// Arrange
const childNodeName = 'MediaChildNode';
await umbracoApi.mediaType.ensureNameNotExists(childNodeName);
const childNodeId = await umbracoApi.mediaType.createDefaultMediaType(childNodeName);
await umbracoApi.mediaType.createMediaTypeWithAllowedChildNode(mediaTypeName, childNodeId);
// Act
await umbracoUi.mediaType.goToMediaType(mediaTypeName);
await umbracoUi.mediaType.clickStructureTab();
await umbracoUi.mediaType.clickRemoveButtonForName(childNodeName);
await umbracoUi.mediaType.clickConfirmRemoveButton();
await umbracoUi.mediaType.clickSaveButton();
// Assert
await umbracoUi.mediaType.isSuccessNotificationVisible();
const mediaTypeData = await umbracoApi.mediaType.getByName(childNodeName);
expect(mediaTypeData.allowedMediaTypes.length).toBe(0);
// Clean
await umbracoApi.mediaType.ensureNameNotExists(childNodeName);
});
test('can configure a collection for a media type', async ({umbracoApi, umbracoUi}) => {
// Arrange
const collectionDataTypeName = 'TestCollection';
await umbracoApi.dataType.ensureNameNotExists(collectionDataTypeName);
const collectionDataTypeId = await umbracoApi.dataType.create(collectionDataTypeName, 'Umbraco.ListView', [], null, 'Umb.PropertyEditorUi.CollectionView');
await umbracoApi.mediaType.createDefaultMediaType(mediaTypeName);
// Act
await umbracoUi.mediaType.goToMediaType(mediaTypeName);
await umbracoUi.mediaType.clickStructureTab();
await umbracoUi.mediaType.clickConfigureAsACollectionButton();
await umbracoUi.mediaType.clickTextButtonWithName(collectionDataTypeName);
await umbracoUi.mediaType.clickSaveButton();
// Assert
await umbracoUi.mediaType.isSuccessNotificationVisible();
const mediaTypeData = await umbracoApi.mediaType.getByName(mediaTypeName);
expect(mediaTypeData.collection.id).toEqual(collectionDataTypeId);
// Clean
await umbracoApi.dataType.ensureNameNotExists(collectionDataTypeName);
});

1
tests/Umbraco.Tests.AcceptanceTest/tests/auth.setup.ts
View File

@@ -10,6 +10,7 @@ setup('authenticate', async ({page}) => {
await umbracoUi.login.enterEmail(process.env.UMBRACO_USER_LOGIN);
await umbracoUi.login.enterPassword(process.env.UMBRACO_USER_PASSWORD);
await umbracoUi.login.clickLoginButton();
await page.waitForTimeout(5000);
await umbracoUi.login.goToSection(ConstantHelper.sections.settings);
await umbracoUi.page.context().storageState({path: STORAGE_STATE});
});