[Cart Operations] Add simple product to Cart

[misha-kotov]

As a Magento developer, I need to manipulate the shopping cart via GraphQL so that I can build basic ecommerce experiences for shoppers on the front-end using only GraphQL.

GraphQL needs to provide sufficient mutations (ways to create/update/delete data) for a developer to build out the storefront checkout experience for a shopper.

Use cases:

• Both guest and registered shoppers can add simple products to cart

Acceptance criteria:

• Cart operations should be useable in both standard Cart and mini-cart
• GraphQL provides the following mutations:
  • addCartItems
• All product types are supported in a modular way (e.g. configurable-related schema and resolvers must be declared in ConfigurableProductGraphQl module and the rest of the system should still work if this module is disabled)
• Depending on token in Authorization header (if any), customer or guest service contract should be used
• Changes are covered with web API functional tests. See \Magento\GraphQl\TestModule\GraphQlMutationTest::testMutation as an example.

Proposed schema

Example of typeResolver:

graphql-ce/app/code/Magento/CatalogGraphQl/etc/schema.graphqls

Line 247 in 34ed6d1

interface ProductInterface @typeResolver(class: "Magento\\CatalogGraphQl\\Model\\ProductInterfaceTypeResolverComposite") @doc(description: "The ProductInterface contains attributes that are common to all types of products. Note that descriptions may not be available for custom and EAV attributes.") {

My Account area impacted:

• Cart
• Minicart

[roma-glushko]

Hi @paliarush @naydav ,
can you please take a look at my changes? I had to decouple resolvers cause they were not passed Travis complexity checking. However, I afraid it might contain design solutions now you probably don't want to see merged.

Let me know if you any concerning about the current changes. I will change everything as soon as I can.
Thanks,
Roma.

[naydav]

Example of request:

mutation {
  addSimpleProductsToCart(
    input: {
      cart_id: "b96566a020b8797b7d806a948174275e", 
      cartItems: [
        {
          data: {
            sku: "product_dynamic_24494", 
            qty: 1
          }, 
          customizable_options: [
            {id: 5, value: "test"},
            {id: 6, value: "5"}
          ]
        }
      ]
    }
  ) {
    
    cart {
      items {
        id
        qty
        ... on SimpleCartItem {
          customizable_options {
            id
            label
            type
            is_required
            values {
              id
              label
              value
              price {
                type
                units
                value
              }
            }
          }
        }
        product {
          sku
          name
          image
          url_key
          categories {
            id
            name
          } 
          updated_at
          websites {
            name
          }
        }
      }
    }    
  }
}

[naydav]

#170

[prabhakaran777]

mutation {
  addSimpleProductsToCart(
    input: {
      cart_id: "XvbSgHh6RbXgElGAhLhGDeIFHu8rAXCZ"
      cart_items: [
        {
          data: {
            quantity: 1
            sku: "Product option values"
         
          }
          
          customizable_options:[
          {
            id:1
            value_string:"Second"	
            
          }
        ]
        }
      ]
    }
  ) {
    cart {
      items {
        id
        product {
          sku
          stock_status
        }
        ... on SimpleCartItem{
          id
        customizable_options{
        id
         values{
          value
          price{
            value
          }
        }
        }
                
        
         
      
        }
        quantity
      }
    }
  }
}

i had tried this way but error

{
  "errors": [
    {
      "message": "Could not add the product with SKU Product option values to the shopping cart: Some of the selected options are not currently available.",
      "category": "graphql-input",
      "locations": [
        {
          "line": 2,
          "column": 3
        }
      ],
      "path": [
        "addSimpleProductsToCart"
      ]
    }
  ],
  "data": {
    "addSimpleProductsToCart": null
  }
}

any one could help me plz...