Adding missing test to collections tests (#1952)
* Adding missing test to collections tests * Adding missing test to collections tests * fixing merge issues * fixing merge issues * update to test-env-deploy * update to test-env-deploy * changing test-env-deploy * adding sugestions * fixing what Karolina suggested * pulling from main
This commit is contained in:
Klaudia
GitHub
parent
116b2568d2
commit
5c6c0b43f1
6 changed files with 167 additions and 13 deletions
|
|
@ -5,3 +5,7 @@ export const COLLECTION_SELECTORS = {
|
|||
addProductButton: "[data-test-id='add-product']",
|
||||
descriptionInput: '[data-test-id="rich-text-editor-description"]'
|
||||
};
|
||||
|
||||
export const collectionRow = collectionId =>
|
||||
`[data-test-id*="${collectionId}"]`;
|
||||
export const productRow = productId => `[data-test-id*="${productId}"]`;
|
||||
|
|
|
|||
|
|
@ -3,12 +3,17 @@
|
|||
|
||||
import faker from "faker";
|
||||
|
||||
import { collectionRow } from "../../elements/catalog/collection-selectors";
|
||||
import { BUTTON_SELECTORS } from "../../elements/shared/button-selectors";
|
||||
import { collectionDetailsUrl, urlList } from "../../fixtures/urlList";
|
||||
import { createChannel } from "../../support/api/requests/Channels";
|
||||
import { createCollection as createCollectionRequest } from "../../support/api/requests/Collections";
|
||||
import {
|
||||
addProductToCollection,
|
||||
createCollection as createCollectionRequest
|
||||
} from "../../support/api/requests/Collections";
|
||||
import { updateChannelInProduct } from "../../support/api/requests/Product";
|
||||
import { getCollection } from "../../support/api/requests/storeFront/Collections";
|
||||
import { getProductDetails } from "../../support/api/requests/storeFront/ProductDetails";
|
||||
import { searchInShop } from "../../support/api/requests/storeFront/Search";
|
||||
import { deleteCollectionsStartsWith } from "../../support/api/utils/catalog/collectionsUtils";
|
||||
import * as channelsUtils from "../../support/api/utils/channelsUtils";
|
||||
|
|
@ -23,11 +28,12 @@ import filterTests from "../../support/filterTests";
|
|||
import {
|
||||
assignProductsToCollection,
|
||||
createCollection,
|
||||
removeProductsFromCollection,
|
||||
updateCollection
|
||||
} from "../../support/pages/catalog/collectionsPage";
|
||||
|
||||
filterTests({ definedTags: ["all"] }, () => {
|
||||
describe("Collections", () => {
|
||||
describe("As an admin I want to manage collections.", () => {
|
||||
const startsWith = "CyCollections-";
|
||||
const name = `${startsWith}${faker.datatype.number()}`;
|
||||
|
||||
|
|
@ -76,11 +82,12 @@ filterTests({ definedTags: ["all"] }, () => {
|
|||
cy.clearSessionData().loginUserViaRequest();
|
||||
});
|
||||
|
||||
it("should not display hidden collections", () => {
|
||||
it("should create hidden collection. TC: SALEOR_0301", () => {
|
||||
const collectionName = `${startsWith}${faker.datatype.number()}`;
|
||||
let collection;
|
||||
|
||||
cy.visit(urlList.collections);
|
||||
cy.softExpectSkeletonIsVisible();
|
||||
let collection;
|
||||
|
||||
createCollection(collectionName, false, defaultChannel)
|
||||
.then(collectionResp => {
|
||||
|
|
@ -99,7 +106,7 @@ filterTests({ definedTags: ["all"] }, () => {
|
|||
});
|
||||
});
|
||||
|
||||
it("should display collections", () => {
|
||||
it("should create published collection. TC: SALEOR_0302", () => {
|
||||
const collectionName = `${startsWith}${faker.datatype.number()}`;
|
||||
let collection;
|
||||
|
||||
|
|
@ -121,7 +128,7 @@ filterTests({ definedTags: ["all"] }, () => {
|
|||
});
|
||||
});
|
||||
|
||||
it("should not display collection not set as available in channel", () => {
|
||||
it("create collection not available for channel. TC: SALEOR_0303", () => {
|
||||
const collectionName = `${startsWith}${faker.datatype.number()}`;
|
||||
let collection;
|
||||
let channel;
|
||||
|
|
@ -150,16 +157,16 @@ filterTests({ definedTags: ["all"] }, () => {
|
|||
});
|
||||
});
|
||||
|
||||
it("should display products hidden in listing", () => {
|
||||
it("create published collection with products hidden in listings. TC: SALEOR_0304", () => {
|
||||
// Products "hidden in listings" are not displayed in Category listings or search results,
|
||||
// but are listed on Collections
|
||||
const randomName = `${startsWith}${faker.datatype.number()}`;
|
||||
const collectionName = `${startsWith}${faker.datatype.number()}`;
|
||||
let collection;
|
||||
let createdProduct;
|
||||
|
||||
productsUtils
|
||||
.createProductInChannel({
|
||||
name: randomName,
|
||||
name: collectionName,
|
||||
channelId: defaultChannel.id,
|
||||
productTypeId: productType.id,
|
||||
attributeId: attribute.id,
|
||||
|
|
@ -169,10 +176,10 @@ filterTests({ definedTags: ["all"] }, () => {
|
|||
.then(({ product: productResp }) => (createdProduct = productResp));
|
||||
cy.visit(urlList.collections);
|
||||
cy.softExpectSkeletonIsVisible();
|
||||
createCollection(randomName, true, defaultChannel)
|
||||
createCollection(collectionName, true, defaultChannel)
|
||||
.then(collectionResp => {
|
||||
collection = collectionResp;
|
||||
assignProductsToCollection(randomName);
|
||||
assignProductsToCollection(collectionName);
|
||||
})
|
||||
.then(() => {
|
||||
getCollection({
|
||||
|
|
@ -199,7 +206,7 @@ filterTests({ definedTags: ["all"] }, () => {
|
|||
});
|
||||
});
|
||||
|
||||
it("should delete collection", () => {
|
||||
it("should delete collection. TC: SALEOR_0305", () => {
|
||||
const collectionName = `${startsWith}${faker.datatype.number()}`;
|
||||
|
||||
createCollectionRequest(collectionName).then(collectionResp => {
|
||||
|
|
@ -216,7 +223,124 @@ filterTests({ definedTags: ["all"] }, () => {
|
|||
});
|
||||
});
|
||||
|
||||
it("should update collection", () => {
|
||||
it("delete several collections on collections list page. TC: SALEOR_0309", () => {
|
||||
const deleteSeveral = "delete-several-";
|
||||
const firstCollectionName = `${deleteSeveral}${startsWith}${faker.datatype.number()}`;
|
||||
const secondCollectionName = `${deleteSeveral}${startsWith}${faker.datatype.number()}`;
|
||||
let firstCollection;
|
||||
let secondCollection;
|
||||
|
||||
createCollectionRequest(firstCollectionName).then(collectionResp => {
|
||||
firstCollection = collectionResp;
|
||||
});
|
||||
|
||||
createCollectionRequest(secondCollectionName).then(collectionResp => {
|
||||
secondCollection = collectionResp;
|
||||
cy.visit(urlList.collections)
|
||||
.searchInTable(deleteSeveral)
|
||||
.get(collectionRow(firstCollection.id))
|
||||
.find(BUTTON_SELECTORS.checkbox)
|
||||
.click()
|
||||
.get(collectionRow(secondCollection.id))
|
||||
.find(BUTTON_SELECTORS.checkbox)
|
||||
.click()
|
||||
.get(BUTTON_SELECTORS.deleteIcon)
|
||||
.click()
|
||||
.addAliasToGraphRequest("CollectionBulkDelete")
|
||||
.get(BUTTON_SELECTORS.submit)
|
||||
.click()
|
||||
.waitForRequestAndCheckIfNoErrors("@CollectionBulkDelete");
|
||||
|
||||
getCollection({ collectionId: firstCollection.id, auth: "auth" })
|
||||
.its("collection")
|
||||
.should("be.null");
|
||||
getCollection({ collectionId: secondCollection.id, auth: "auth" })
|
||||
.its("collection")
|
||||
.should("be.null");
|
||||
});
|
||||
});
|
||||
|
||||
it("assign product to collection. TC: SALEOR_0307", () => {
|
||||
const collectionName = `Assign-${startsWith}${faker.datatype.number()}`;
|
||||
const productName = `Product-To-Assign-${startsWith}${faker.datatype.number()}`;
|
||||
|
||||
let collection;
|
||||
let productToAssign;
|
||||
|
||||
createCollectionRequest(collectionName).then(collectionResp => {
|
||||
collection = collectionResp;
|
||||
|
||||
productsUtils
|
||||
.createProductInChannel({
|
||||
name: productName,
|
||||
channelId: defaultChannel.id,
|
||||
productTypeId: productType.id,
|
||||
attributeId: attribute.id,
|
||||
categoryId: category.id,
|
||||
visibleInListings: false
|
||||
})
|
||||
.then(({ product: productResp }) => {
|
||||
productToAssign = productResp;
|
||||
|
||||
cy.visit(collectionDetailsUrl(collection.id));
|
||||
assignProductsToCollection(productToAssign.name);
|
||||
|
||||
getCollection({ collectionId: collection.id, auth: "auth" })
|
||||
.its("collection.products.edges")
|
||||
.should("have.length", 1)
|
||||
.then(productArray => {
|
||||
expect(productArray[0].node.id).to.equal(productToAssign.id);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
it("remove product from collection. TC: SALEOR_0308", () => {
|
||||
const collectionName = `Remove-With-Assigned-Product-${startsWith}${faker.datatype.number()}`;
|
||||
const productName = `Product-To-Assign-${startsWith}${faker.datatype.number()}`;
|
||||
let collection;
|
||||
let productToAssign;
|
||||
|
||||
createCollectionRequest(collectionName).then(collectionResp => {
|
||||
collection = collectionResp;
|
||||
|
||||
productsUtils
|
||||
.createProductInChannel({
|
||||
name: productName,
|
||||
channelId: defaultChannel.id,
|
||||
productTypeId: productType.id,
|
||||
attributeId: attribute.id,
|
||||
categoryId: category.id,
|
||||
visibleInListings: false
|
||||
})
|
||||
.then(({ product: productResp }) => {
|
||||
productToAssign = productResp;
|
||||
|
||||
addProductToCollection({
|
||||
collectionId: collection.id,
|
||||
productId: productToAssign.id
|
||||
});
|
||||
|
||||
cy.visit(collectionDetailsUrl(collection.id));
|
||||
|
||||
getProductDetails(productToAssign.id, defaultChannel.slug, "auth")
|
||||
.its("body.data.product.collections")
|
||||
.should("have.length", 1);
|
||||
|
||||
getCollection({ collectionId: collection.id, auth: "auth" })
|
||||
.its("collection.products.edges")
|
||||
.should("have.length", 1);
|
||||
|
||||
removeProductsFromCollection(productToAssign.name);
|
||||
|
||||
getCollection({ collectionId: collection.id, auth: "auth" })
|
||||
.its("collection.products.edges")
|
||||
.should("be.empty");
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
it("should update collection. TC: SALEOR_0306", () => {
|
||||
const collectionName = `${startsWith}${faker.datatype.number()}`;
|
||||
const updatedName = `${startsWith}updatedCollection`;
|
||||
|
||||
|
|
|
|||
|
|
@ -54,3 +54,17 @@ export function deleteCollection(collectionId) {
|
|||
}`;
|
||||
return cy.sendRequestWithQuery(mutation);
|
||||
}
|
||||
|
||||
export function addProductToCollection({ collectionId, productId }) {
|
||||
const mutation = `mutation addProduct {
|
||||
collectionAddProducts(
|
||||
collectionId: "${collectionId}"
|
||||
products: ["${productId}"]
|
||||
) {
|
||||
errors {
|
||||
message
|
||||
}
|
||||
}
|
||||
}`;
|
||||
return cy.sendRequestWithQuery(mutation);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -67,3 +67,13 @@ export function assignProductsToCollection(productName) {
|
|||
cy.get(ASSIGN_ELEMENTS_SELECTORS.submitButton).click();
|
||||
cy.waitForRequestAndCheckIfNoErrors("@CollectionAssignProduct");
|
||||
}
|
||||
|
||||
export function removeProductsFromCollection(productName) {
|
||||
cy.contains(ASSIGN_ELEMENTS_SELECTORS.tableRow, productName)
|
||||
.find(ASSIGN_ELEMENTS_SELECTORS.checkbox)
|
||||
.click()
|
||||
.addAliasToGraphRequest("UnassignCollectionProduct")
|
||||
.get(BUTTON_SELECTORS.deleteIcon)
|
||||
.click()
|
||||
.waitForRequestAndCheckIfNoErrors("@UnassignCollectionProduct");
|
||||
}
|
||||
|
|
|
|||
|
|
@ -201,6 +201,7 @@ const CollectionProducts: React.FC<CollectionProductsProps> = props => {
|
|||
</TableCell>
|
||||
<TableCell className={classes.colActions}>
|
||||
<IconButton
|
||||
data-test-id="delete-icon"
|
||||
variant="secondary"
|
||||
disabled={!product}
|
||||
onClick={event => onProductUnassign(product.id, event)}
|
||||
|
|
|
|||
|
|
@ -195,6 +195,7 @@ export const CollectionList: React.FC<CollectionListProps> = ({ params }) => {
|
|||
<IconButton
|
||||
variant="secondary"
|
||||
color="primary"
|
||||
data-test-id="delete-icon"
|
||||
onClick={() =>
|
||||
openModal("remove", {
|
||||
ids: listElements
|
||||
|
|
|
|||
Loading…
Reference in a new issue