@rebilly/instruments 3.12.3-beta.0 → 3.13.2-beta.0

package/src/views/summary.spec.js

@@ -1,145 +0,0 @@
-import SummaryModel from '@/storefront/models/summary-model';
-import PlanModel from '@/storefront/models/plan-model';
-import ProductModel from '@/storefront/models/product-model';
-import { Loader } from '../loader';
-import { Translate } from '../i18n';
-import { mountSummary } from './summary';
-import { DataInstance } from '../functions/mount/fetch-data';
-
-describe('Summary component', () => {
-  let summaryElement;
-  beforeEach(() => {
-    document.body.innerHTML = '';
-    summaryElement = document.createElement('div');
-    document.body.append(summaryElement);
-  });
-
-  class TestMountSummaryInstance {
-    constructor({
-      options = {},
-      summary = summaryElement,
-      loader = new Loader(),
-      translate = new Translate(),
-      data = {},
-    } = {}) {
-      this.options = options;
-      this.summary = summary;
-      this.loader = loader;
-      this.translate = translate;
-      this.data = new DataInstance({
-        state: {options},
-        previewPurchase: new SummaryModel({
-          currency: 'USD',
-          lineItems: [
-            {
-              type: 'debit',
-              description: 'My Awesome Product',
-              unitPrice: 30,
-              quantity: 1,
-              price: 30,
-              productId: 'test-product-1',
-              planId: 'my-awesome-product'
-            },
-            {
-              type: 'debit',
-              description: 'Awesome T-Shirt',
-              unitPrice: 20,
-              quantity: 2,
-              price: 40,
-              productId: 'test-product-2',
-              planId: 'awesome-t-shirt'
-            }
-          ],
-          subtotalAmount: 70,
-          taxAmount: 0,
-          shippingAmount: 0,
-          discountsAmount: 0,
-          total: 70
-        }),
-        plans: [
-          new PlanModel({
-            name: 'My Awesome Product',
-            id: 'my-awesome-product',
-            productId: 'test-product-1'
-          }),
-          new PlanModel({
-            name: 'My Awesome T-Shirt',
-            id: 'awesome-t-shirt',
-            productId: 'test-product-2'
-          })
-        ],
-        products: [
-          new ProductModel({
-            name: 'My Awesome Product',
-            id: 'test-product-1'
-          }),
-          new ProductModel({
-            name: 'My Awesome T-Shirt',
-            id: 'test-product-2'
-          })
-        ],
-        ...data
-      });
-    }
-  }
-
-  const options = {
-    websiteId: 'test-website-id',
-    countryCode: 'US',
-    items: [
-      {
-        planId: 'my-awesome-product',
-        quantity: 1,
-        thumbnail: ''
-      },
-      {
-        planId: 'awesome-t-shirt',
-        quantity: 2,
-        thumbnail: ''
-      }
-    ]
-  };
-
-  it('should render the summary correctly', () => {
-    const mountSummaryInstance = new TestMountSummaryInstance({
-      options
-    });
-
-    //TODO: improve design to avoid this manual change
-    mountSummaryInstance.loader.DOM.summary = mountSummaryInstance.summary;
-
-    mountSummary({ state: mountSummaryInstance });
-
-    // Number of line items
-    const itemsContainer = document.querySelector(
-      '.rebilly-instruments-summary-line-items'
-    );
-    expect(itemsContainer).toMatchSnapshot();
-
-    // Breakdown
-    const summaryBreakdown = document.querySelector(
-      '.rebilly-instruments-summary-breakdown'
-    );
-    expect(summaryBreakdown).toMatchSnapshot();
-  });
-
-  it('should not render the plan description if its falsy', () => {
-    const mountSummaryInstance = new TestMountSummaryInstance({
-      options
-    });
-
-    // Making one product description falsy
-    mountSummaryInstance.data.previewPurchase.lineItems[0].description = null;
-
-    //TODO: improve design to avoid this manual change
-    mountSummaryInstance.loader.DOM.summary = mountSummaryInstance.summary;
-
-    mountSummary({ state: mountSummaryInstance });
-
-    // Check that only one description is render
-    const itemsSynopsysDescription = document.querySelectorAll(
-      '.rebilly-instruments-summary-line-item-synopsis-description'
-    );
-    expect(itemsSynopsysDescription.length).toEqual(1);
-  });
-});