djkato/saleor-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

create variants steps

Browse source
This commit is contained in:
Karolina Rakoczy 2021-02-17 11:47:23 +01:00
parent e1bd4b28e9
commit 1a09ccefe0
6 changed files with 193 additions and 156 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
cypress/elements/frontend-elements/cart-selectors.js
View file

@ -1,3 +0,0 @@
export const CART_SELECTORS = {
productInCart: "[data-test='cartRow']"
};

3
cypress/elements/frontend-elements/product-details-selectors.js
View file

@ -1,3 +0,0 @@
export const PRODUCTS_DETAILS_SELECTORS = {
addToCartButton: "[data-test='addProductToCartButton']"
};

5
cypress/elements/frontend-elements/search-selectors.js
View file

@ -1,5 +0,0 @@
export const SEARCH_SELECTORS = {
searchButton: "[data-test='menuSearchOverlayLink']",
searchInputField: "[placeholder='search']",
productItem: ".search__products__item"
};

283
cypress/integration/productsVariants.js
View file

@ -1,11 +1,11 @@
import faker from "faker"; import faker from "faker";
import Channels from "../apiRequests/Channels";
import Product from "../apiRequests/Product"; import Product from "../apiRequests/Product";
import ShopInfo from "../apiRequests/ShopInfo"; import ShopInfo from "../apiRequests/ShopInfo";
import { PRODUCTS_SELECTORS } from "../elements/catalog/product-selectors"; import { PRODUCTS_SELECTORS } from "../elements/catalog/product-selectors";
import { VARIANTS_SELECTORS } from "../elements/catalog/variants-selectors"; import { VARIANTS_SELECTORS } from "../elements/catalog/variants-selectors";
import { SEARCH_SELECTORS } from "../elements/frontend-elements/search-selectors"; import VariantsSteps from "../steps/products/VariantsSteps";
import SearchSteps from "../steps/frontendSteps/searchSteps";
import { urlList } from "../url/url-list"; import { urlList } from "../url/url-list";
import ChannelsUtils from "../utils/channelsUtils"; import ChannelsUtils from "../utils/channelsUtils";
import ProductsUtils from "../utils/productsUtils"; import ProductsUtils from "../utils/productsUtils";
@ -20,12 +20,43 @@ describe("creating variants", () => {
const shippingUtils = new ShippingUtils(); const shippingUtils = new ShippingUtils();
const product = new Product(); const product = new Product();
const shopInfo = new ShopInfo(); const shopInfo = new ShopInfo();
const searchSteps = new SearchSteps(); const channels = new Channels();
const variantsSteps = new VariantsSteps();
let defaultChannel;
let warehouse;
let attribute;
let productType;
let category;
before(() => { before(() => {
cy.clearSessionData().loginUserViaRequest(); cy.clearSessionData().loginUserViaRequest();
shippingUtils.deleteShipping(startsWith); shippingUtils.deleteShipping(startsWith);
productUtils.deleteProducts(startsWith); productUtils.deleteProducts(startsWith);
const name = `${startsWith}${faker.random.number()}`;
channelsUtils
.getDefaultChannel()
.then(channel => {
defaultChannel = channel;
cy.fixture("addresses");
})
.then(fixtureAddresses =>
shippingUtils.createShipping(
channel.id,
name,
fixtureAddresses.plAddress,
10
)
)
.then(() => (warehouse = shippingUtils.getWarehouse()));
productUtils.createTypeAttributeAndCategoryForProduct(name).then(() => {
attribute = productUtils.getAttribute();
productType = productUtils.getProductType();
category = productUtils.getCategory();
});
}); });
beforeEach(() => { beforeEach(() => {
@ -38,146 +69,130 @@ describe("creating variants", () => {
it("should create variant visible on frontend", () => { it("should create variant visible on frontend", () => {
const name = `${startsWith}${faker.random.number()}`; const name = `${startsWith}${faker.random.number()}`;
let warehouseId; let createdProduct;
let defaultChannel;
let productId;
channelsUtils.getDefaultChannel().then(channel => {
cy.fixture("addresses").then(json => {
defaultChannel = channel;
shippingUtils
.createShipping(channel.id, name, json.plAddress, 10)
.then(() => {
warehouseId = shippingUtils.getWarehouseId();
});
});
});
productUtils.createTypeAttributeAndCategoryForProduct(name).then(() => {
const attributeId = productUtils.getAttributeId();
const productTypeId = productUtils.getProductTypeId();
const categoryId = productUtils.getCategoryId();
product product
.createProduct(attributeId, name, productTypeId, categoryId) .createProduct(attribute.id, name, productType.id, category.id)
.then(resp => { .then(resp => {
productId = resp.body.data.productCreate.product.id; createdProduct = resp.body.data.productCreate.product;
product.updateChannelInProduct( product.updateChannelInProduct(
productId, createdProduct.id,
defaultChannel.id, defaultChannel.id,
true, true,
true, true,
true true
); );
cy.visit(`${urlList.products}${productId}`) cy.visit(`${urlList.products}${productId}`);
.get(PRODUCTS_SELECTORS.addVariantsButton) variantsSteps.createFirstVariant(warehouse.id);
.click() // .get(PRODUCTS_SELECTORS.addVariantsButton)
.get(VARIANTS_SELECTORS.attributeCheckbox) // .click()
.first() // .get(VARIANTS_SELECTORS.attributeCheckbox)
.click() // .first()
.get(VARIANTS_SELECTORS.nextButton) // .click()
.click() // .get(VARIANTS_SELECTORS.nextButton)
.get(VARIANTS_SELECTORS.priceInput) // .click()
.type(10) // .get(VARIANTS_SELECTORS.priceInput)
.get(`[name*='${warehouseId}']`) // .type(10)
.click() // .get(`[name*='${warehouseId}']`)
.get(VARIANTS_SELECTORS.nextButton) // .click()
.click() // .get(VARIANTS_SELECTORS.nextButton)
.get(VARIANTS_SELECTORS.skuInput) // .click()
.type(name) // .get(VARIANTS_SELECTORS.skuInput)
.get(VARIANTS_SELECTORS.nextButton) // .type(name)
.click() // .get(VARIANTS_SELECTORS.nextButton)
.waitForGraph("ProductVariantBulkCreate") // .click()
// .searchInShop(name).then(searchResp => { // .waitForGraph("ProductVariantBulkCreate")
// expect(searchResp.body[0].data.products.edges[0].node.name).to.equal(name) cy.getProductDetails(product.id, defaultChannel.slug).then(
// }) productDetailsResp => {
.getProductDetails(productId, defaultChannel.slug) expect(productDetailsResp.body[0].data.product.name).to.equal(name);
.then(productDetailsResp => { expect(
expect(productDetailsResp.body[0].data.product.name).to.equal( productDetailsResp.body[0].data.product.variants[0].pricing.price
name .gross.amount
); ).to.equal(10);
expect( }
productDetailsResp.body[0].data.product.variants[0].pricing );
.price.gross.amount });
).to.equal(10);
});
});
});
}); });
it("should create several variants", () => { it("should create several variants", () => {
const name = `${startsWith}${faker.random.number()}`; const name = `${startsWith}${faker.random.number()}`;
const secondVariantSku = `${startsWith}${faker.random.number()}`; const secondVariantSku = `${startsWith}${faker.random.number()}`;
let defaultChannel; productUtils
let warehouseId; .createProductInChannel(
let productId; name,
channelsUtils.getDefaultChannel().then(channel => { productType.id,
cy.fixture("addresses").then(json => { attribute.id,
defaultChannel = channel; category.id,
shippingUtils defaultChannel.id,
.createShipping(channel.id, name, json.plAddress, 10) true,
.then(() => { true,
warehouseId = shippingUtils.getWarehouseId(); true,
}); warehouse.id,
10,
10
)
.then(() => {
cy.visit(`${urlList.products}${productId}`);
variantsSteps.createVariant(secondVariantSku, warehouse.name);
// .get(PRODUCTS_SELECTORS.addVariantsButton)
// .click()
// .get(VARIANTS_SELECTORS.attributeSelector)
// .click()
// .get(VARIANTS_SELECTORS.attributeOption)
// .first()
// .click()
// .get(VARIANTS_SELECTORS.priceInput)
// .type(10)
// .get(VARIANTS_SELECTORS.skuInputInAddVariant)
// .type(secondVariantSku)
// .get(VARIANTS_SELECTORS.addWarehouseButton)
// .click()
// .get(VARIANTS_SELECTORS.warehouseOption)
// .contains(name)
// .click()
// .get(VARIANTS_SELECTORS.saveButton)
// .click()
})
.then(() => cy.getProductDetails(productId, defaultChannel.slug))
.then(productDetailsResp => {
expect(productDetailsResp.body[0].data.product.name).to.equal(name);
expect(productDetailsResp.body[0].data.product.variants).to.have.length(
2
);
expect(
productDetailsResp.body[0].data.product.variants[0].pricing.price
.gross.amount
).to.equal(10);
expect(
productDetailsResp.body[0].data.product.variants[1].pricing.price
.gross.amount
).to.equal(10);
}); });
}); });
productUtils.createTypeAttributeAndCategoryForProduct(name).then(resp => { it("should create variant for many channels", () => {
const productTypeId = productUtils.getProductTypeId(); const name = `${startsWith}${faker.random.number()}`;
const attributeId = productUtils.getAttributeId(); let newChannel;
const categoryId = productUtils.getCategoryId(); channels
productUtils .createChannel(true, name, name, "PLN")
.createProductInChannel( .then(resp => {
name, newChannel = resp.body.data.createdChannel.channel;
productTypeId, product.createProduct(attribute.id, name, productType.id, category.id);
attributeId, })
categoryId, .then(resp => {
const createdProduct = resp.body.data.productCreate.product;
product.updateChannelInProduct(
createdProduct.id,
defaultChannel.id, defaultChannel.id,
true, true,
true, true,
true
);
product.updateChannelInProduct(
createdProduct.id,
newChannel.id,
true, true,
warehouseId, true,
10, true
10 );
) });
.then(() => {
productId = productUtils.getCreatedProductId();
cy.visit(`${urlList.products}${productId}`)
.get(PRODUCTS_SELECTORS.addVariantsButton)
.click()
.get(VARIANTS_SELECTORS.attributeSelector)
.click()
.get(VARIANTS_SELECTORS.attributeOption)
.first()
.click()
.get(VARIANTS_SELECTORS.priceInput)
.type(10)
.get(VARIANTS_SELECTORS.skuInputInAddVariant)
.type(secondVariantSku)
.get(VARIANTS_SELECTORS.addWarehouseButton)
.click()
.get(VARIANTS_SELECTORS.warehouseOption)
.contains(name)
.click()
.get(VARIANTS_SELECTORS.saveButton)
.click()
.then(() => {
cy.getProductDetails(productId, defaultChannel.slug).then(
productDetailsResp => {
expect(productDetailsResp.body[0].data.product.name).to.equal(
name
);
expect(
productDetailsResp.body[0].data.product.variants
).to.have.length(2);
expect(
productDetailsResp.body[0].data.product.variants[0].pricing
.price.gross.amount
).to.equal(10);
expect(
productDetailsResp.body[0].data.product.variants[1].pricing
.price.gross.amount
).to.equal(10);
}
);
});
});
});
}); });
}); });

11
cypress/steps/frontendSteps/searchSteps.js
View file

@ -1,11 +0,0 @@
import { SEARCH_SELECTORS } from "../../elements/frontend-elements/search-selectors";
class SearchSteps {
searchFor(query) {
cy.get(SEARCH_SELECTORS.searchButton)
.click()
.get(SEARCH_SELECTORS.searchInputField)
.type(query);
}
}
export default SearchSteps;

44
cypress/steps/products/VariantsSteps.js Normal file
View file

@ -0,0 +1,44 @@
import { VARIANTS_SELECTORS } from "../../elements/catalog/variants-selectors";
class VariantsSteps {
createFirstVariant(sku, warehouseId) {
cy.get(PRODUCTS_SELECTORS.addVariantsButton)
.click()
.get(VARIANTS_SELECTORS.attributeCheckbox)
.first()
.click()
.get(VARIANTS_SELECTORS.nextButton)
.click()
.get(VARIANTS_SELECTORS.priceInput)
.type(10)
.get(`[name*='${warehouseId}']`)
.click()
.get(VARIANTS_SELECTORS.nextButton)
.click()
.get(VARIANTS_SELECTORS.skuInput)
.type(sku)
.get(VARIANTS_SELECTORS.nextButton)
.click()
.waitForGraph("ProductVariantBulkCreate");
}
createVariant(sku, warehouseName) {
cy.get(PRODUCTS_SELECTORS.addVariantsButton)
.click()
.get(VARIANTS_SELECTORS.attributeSelector)
.click()
.get(VARIANTS_SELECTORS.attributeOption)
.first()
.click()
.get(VARIANTS_SELECTORS.priceInput)
.type(10)
.get(VARIANTS_SELECTORS.skuInputInAddVariant)
.type(sku)
.get(VARIANTS_SELECTORS.addWarehouseButton)
.click()
.get(VARIANTS_SELECTORS.warehouseOption)
.contains(warehouseName)
.click()
.get(VARIANTS_SELECTORS.saveButton)
.click();
}
}
export default VariantsSteps;