fontdue-js 3.6.0 → 3.8.0

package/dist/__generated__/productState_Query.graphql.d.ts

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<b4e88c2638ba792951d57f4750391bdc>>
+ * @generated SignedSource<<925530e7d4ec77a773367f26953fcb94>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -112,6 +112,104 @@ export type productState_Query$data = {
                 readonly amount: number;
             };
         } | null;
+    } | {
+        readonly __typename: "FontPack";
+        readonly fontStyles: ReadonlyArray<{
+            readonly id: string;
+            readonly sku: {
+                readonly id: string;
+                readonly price: {
+                    readonly amount: number;
+                };
+            } | null;
+        }>;
+        readonly id: string;
+        readonly members: ReadonlyArray<{
+            readonly __typename: "FontCollection";
+            readonly bundles: ReadonlyArray<{
+                readonly fontStyles: ReadonlyArray<{
+                    readonly id: string;
+                    readonly sku: {
+                        readonly id: string;
+                        readonly price: {
+                            readonly amount: number;
+                        };
+                    } | null;
+                }> | null;
+                readonly id: string;
+                readonly name: string;
+                readonly sku: {
+                    readonly id: string;
+                    readonly price: {
+                        readonly amount: number;
+                    };
+                } | null;
+            }> | null;
+            readonly children: ReadonlyArray<{
+                readonly bundles: ReadonlyArray<{
+                    readonly fontStyles: ReadonlyArray<{
+                        readonly id: string;
+                        readonly sku: {
+                            readonly id: string;
+                            readonly price: {
+                                readonly amount: number;
+                            };
+                        } | null;
+                    }> | null;
+                    readonly id: string;
+                    readonly name: string;
+                    readonly sku: {
+                        readonly id: string;
+                        readonly price: {
+                            readonly amount: number;
+                        };
+                    } | null;
+                }> | null;
+                readonly fontStyles: ReadonlyArray<{
+                    readonly id: string;
+                    readonly sku: {
+                        readonly id: string;
+                        readonly price: {
+                            readonly amount: number;
+                        };
+                    } | null;
+                }>;
+                readonly id: string;
+                readonly name: string;
+                readonly sku: {
+                    readonly id: string;
+                    readonly price: {
+                        readonly amount: number;
+                    };
+                } | null;
+            }> | null;
+            readonly fontStyles: ReadonlyArray<{
+                readonly id: string;
+                readonly sku: {
+                    readonly id: string;
+                    readonly price: {
+                        readonly amount: number;
+                    };
+                } | null;
+            }>;
+            readonly id: string;
+            readonly name: string;
+            readonly sku: {
+                readonly id: string;
+                readonly price: {
+                    readonly amount: number;
+                };
+            } | null;
+        } | {
+            readonly __typename: "%other";
+        }>;
+        readonly name: string;
+        readonly sku: {
+            readonly id: string;
+            readonly price: {
+                readonly amount: number;
+            };
+        } | null;
     } | {
         readonly __typename: "%other";
     } | null;

package/dist/__generated__/productState_Query.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<b4e88c2638ba792951d57f4750391bdc>>
+ * @generated SignedSource<<925530e7d4ec77a773367f26953fcb94>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -117,6 +117,12 @@ const node = function () {
       "plural": true,
       "selections": [v3 /*: any*/, v4 /*: any*/, v5 /*: any*/, v6 /*: any*/, v7 /*: any*/],
       "storageKey": "children(collectionTypes:[\"FAMILY\"])"
+    },
+    v10 = {
+      "kind": "InlineFragment",
+      "selections": [v3 /*: any*/, v4 /*: any*/, v5 /*: any*/, v6 /*: any*/, v7 /*: any*/, v9 /*: any*/],
+      "type": "FontCollection",
+      "abstractKey": null
     };
   return {
     "fragment": {
@@ -136,6 +142,20 @@ const node = function () {
           "selections": [v2 /*: any*/, v3 /*: any*/, v4 /*: any*/, v5 /*: any*/, v6 /*: any*/, v7 /*: any*/, v8 /*: any*/, v9 /*: any*/],
           "type": "FontCollection",
           "abstractKey": null
+        }, {
+          "kind": "InlineFragment",
+          "selections": [v2 /*: any*/, v3 /*: any*/, v4 /*: any*/, v5 /*: any*/, v6 /*: any*/, {
+            "alias": null,
+            "args": null,
+            "concreteType": null,
+            "kind": "LinkedField",
+            "name": "members",
+            "plural": true,
+            "selections": [v2 /*: any*/, v10 /*: any*/],
+            "storageKey": null
+          }],
+          "type": "FontPack",
+          "abstractKey": null
         }],
         "storageKey": null
       }],
@@ -159,19 +179,38 @@ const node = function () {
           "selections": [v4 /*: any*/, v5 /*: any*/, v6 /*: any*/, v7 /*: any*/, v8 /*: any*/, v9 /*: any*/],
           "type": "FontCollection",
           "abstractKey": null
+        }, {
+          "kind": "InlineFragment",
+          "selections": [v4 /*: any*/, v5 /*: any*/, v6 /*: any*/, {
+            "alias": null,
+            "args": null,
+            "concreteType": null,
+            "kind": "LinkedField",
+            "name": "members",
+            "plural": true,
+            "selections": [v2 /*: any*/, v10 /*: any*/, {
+              "kind": "InlineFragment",
+              "selections": [v3 /*: any*/],
+              "type": "Node",
+              "abstractKey": "__isNode"
+            }],
+            "storageKey": null
+          }],
+          "type": "FontPack",
+          "abstractKey": null
         }],
         "storageKey": null
       }]
     },
     "params": {
-      "cacheID": "46b69511613049f8b0186da9dd74c579",
+      "cacheID": "47288a3b11085a6e8771d765f203f545",
       "id": null,
       "metadata": {},
       "name": "productState_Query",
       "operationKind": "query",
-      "text": "query productState_Query(\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ... on FontCollection {\n      __typename\n      id\n      name\n      sku {\n        id\n        price {\n          amount\n        }\n      }\n      fontStyles {\n        id\n        sku {\n          id\n          price {\n            amount\n          }\n        }\n      }\n      bundles {\n        id\n        name\n        sku {\n          id\n          price {\n            amount\n          }\n        }\n        fontStyles {\n          id\n          sku {\n            id\n            price {\n              amount\n            }\n          }\n        }\n      }\n      collectionBundles {\n        id\n        name\n        sku {\n          id\n          price {\n            amount\n          }\n        }\n        memberCollections {\n          id\n          sku {\n            id\n            price {\n              amount\n            }\n          }\n          fontStyles {\n            id\n            sku {\n              id\n              price {\n                amount\n              }\n            }\n          }\n        }\n      }\n      children(collectionTypes: [FAMILY]) {\n        id\n        name\n        sku {\n          id\n          price {\n            amount\n          }\n        }\n        fontStyles {\n          id\n          sku {\n            id\n            price {\n              amount\n            }\n          }\n        }\n        bundles {\n          id\n          name\n          sku {\n            id\n            price {\n              amount\n            }\n          }\n          fontStyles {\n            id\n            sku {\n              id\n              price {\n                amount\n              }\n            }\n          }\n        }\n      }\n    }\n    id\n  }\n}\n"
+      "text": "query productState_Query(\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ... on FontCollection {\n      __typename\n      id\n      name\n      sku {\n        id\n        price {\n          amount\n        }\n      }\n      fontStyles {\n        id\n        sku {\n          id\n          price {\n            amount\n          }\n        }\n      }\n      bundles {\n        id\n        name\n        sku {\n          id\n          price {\n            amount\n          }\n        }\n        fontStyles {\n          id\n          sku {\n            id\n            price {\n              amount\n            }\n          }\n        }\n      }\n      collectionBundles {\n        id\n        name\n        sku {\n          id\n          price {\n            amount\n          }\n        }\n        memberCollections {\n          id\n          sku {\n            id\n            price {\n              amount\n            }\n          }\n          fontStyles {\n            id\n            sku {\n              id\n              price {\n                amount\n              }\n            }\n          }\n        }\n      }\n      children(collectionTypes: [FAMILY]) {\n        id\n        name\n        sku {\n          id\n          price {\n            amount\n          }\n        }\n        fontStyles {\n          id\n          sku {\n            id\n            price {\n              amount\n            }\n          }\n        }\n        bundles {\n          id\n          name\n          sku {\n            id\n            price {\n              amount\n            }\n          }\n          fontStyles {\n            id\n            sku {\n              id\n              price {\n                amount\n              }\n            }\n          }\n        }\n      }\n    }\n    ... on FontPack {\n      __typename\n      id\n      name\n      sku {\n        id\n        price {\n          amount\n        }\n      }\n      fontStyles {\n        id\n        sku {\n          id\n          price {\n            amount\n          }\n        }\n      }\n      members {\n        __typename\n        ... on FontCollection {\n          id\n          name\n          sku {\n            id\n            price {\n              amount\n            }\n          }\n          fontStyles {\n            id\n            sku {\n              id\n              price {\n                amount\n              }\n            }\n          }\n          bundles {\n            id\n            name\n            sku {\n              id\n              price {\n                amount\n              }\n            }\n            fontStyles {\n              id\n              sku {\n                id\n                price {\n                  amount\n                }\n              }\n            }\n          }\n          children(collectionTypes: [FAMILY]) {\n            id\n            name\n            sku {\n              id\n              price {\n                amount\n              }\n            }\n            fontStyles {\n              id\n              sku {\n                id\n                price {\n                  amount\n                }\n              }\n            }\n            bundles {\n              id\n              name\n              sku {\n                id\n                price {\n                  amount\n                }\n              }\n              fontStyles {\n                id\n                sku {\n                  id\n                  price {\n                    amount\n                  }\n                }\n              }\n            }\n          }\n        }\n        ... on Node {\n          __isNode: __typename\n          id\n        }\n      }\n    }\n    id\n  }\n}\n"
     }
   };
 }();
-node.hash = "ac3292bae9a274139d5a525fd0162711";
+node.hash = "65de750413d1564c4f3e1ec44ec7e2a2";
 export default node;

package/dist/__generated__/productState_fontPack.graphql.d.ts

@@ -0,0 +1,111 @@
+/**
+ * @generated SignedSource<<c00a5a25369b3afa2e42b1f47d1fa26a>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type productState_fontPack$data = {
+    readonly fontStyles: ReadonlyArray<{
+        readonly id: string;
+        readonly sku: {
+            readonly id: string;
+            readonly price: {
+                readonly amount: number;
+            };
+        } | null;
+    }>;
+    readonly id: string;
+    readonly members: ReadonlyArray<{
+        readonly __typename: "FontCollection";
+        readonly bundles: ReadonlyArray<{
+            readonly fontStyles: ReadonlyArray<{
+                readonly id: string;
+                readonly sku: {
+                    readonly id: string;
+                    readonly price: {
+                        readonly amount: number;
+                    };
+                } | null;
+            }> | null;
+            readonly id: string;
+            readonly name: string;
+            readonly sku: {
+                readonly id: string;
+                readonly price: {
+                    readonly amount: number;
+                };
+            } | null;
+        }> | null;
+        readonly children: ReadonlyArray<{
+            readonly bundles: ReadonlyArray<{
+                readonly fontStyles: ReadonlyArray<{
+                    readonly id: string;
+                    readonly sku: {
+                        readonly id: string;
+                        readonly price: {
+                            readonly amount: number;
+                        };
+                    } | null;
+                }> | null;
+                readonly id: string;
+                readonly name: string;
+                readonly sku: {
+                    readonly id: string;
+                    readonly price: {
+                        readonly amount: number;
+                    };
+                } | null;
+            }> | null;
+            readonly fontStyles: ReadonlyArray<{
+                readonly id: string;
+                readonly sku: {
+                    readonly id: string;
+                    readonly price: {
+                        readonly amount: number;
+                    };
+                } | null;
+            }>;
+            readonly id: string;
+            readonly name: string;
+            readonly sku: {
+                readonly id: string;
+                readonly price: {
+                    readonly amount: number;
+                };
+            } | null;
+        }> | null;
+        readonly fontStyles: ReadonlyArray<{
+            readonly id: string;
+            readonly sku: {
+                readonly id: string;
+                readonly price: {
+                    readonly amount: number;
+                };
+            } | null;
+        }>;
+        readonly id: string;
+        readonly name: string;
+        readonly sku: {
+            readonly id: string;
+            readonly price: {
+                readonly amount: number;
+            };
+        } | null;
+    } | {
+        readonly __typename: "%other";
+    }>;
+    readonly name: string;
+    readonly sku: {
+        readonly id: string;
+        readonly price: {
+            readonly amount: number;
+        };
+    } | null;
+};
+export type productState_fontPack$key = {
+    readonly " $data"?: productState_fontPack$data;
+    readonly " $fragmentSpreads": FragmentRefs<"productState_fontPack">;
+};
+declare const node: ReaderFragment;
+export default node;

package/dist/__generated__/productState_fontPack.graphql.js

@@ -0,0 +1,117 @@
+/**
+ * @generated SignedSource<<c00a5a25369b3afa2e42b1f47d1fa26a>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+const node = function () {
+  var v0 = {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "storageKey": null
+    },
+    v1 = {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "name",
+      "storageKey": null
+    },
+    v2 = {
+      "alias": null,
+      "args": null,
+      "concreteType": "Sku",
+      "kind": "LinkedField",
+      "name": "sku",
+      "plural": false,
+      "selections": [v0 /*: any*/, {
+        "alias": null,
+        "args": null,
+        "concreteType": "Money",
+        "kind": "LinkedField",
+        "name": "price",
+        "plural": false,
+        "selections": [{
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "amount",
+          "storageKey": null
+        }],
+        "storageKey": null
+      }],
+      "storageKey": null
+    },
+    v3 = {
+      "alias": null,
+      "args": null,
+      "concreteType": "FontStyle",
+      "kind": "LinkedField",
+      "name": "fontStyles",
+      "plural": true,
+      "selections": [v0 /*: any*/, v2 /*: any*/],
+      "storageKey": null
+    },
+    v4 = {
+      "alias": null,
+      "args": null,
+      "concreteType": "Bundle",
+      "kind": "LinkedField",
+      "name": "bundles",
+      "plural": true,
+      "selections": [v0 /*: any*/, v1 /*: any*/, v2 /*: any*/, v3 /*: any*/],
+      "storageKey": null
+    };
+  return {
+    "argumentDefinitions": [],
+    "kind": "Fragment",
+    "metadata": {
+      "mask": false
+    },
+    "name": "productState_fontPack",
+    "selections": [v0 /*: any*/, v1 /*: any*/, v2 /*: any*/, v3 /*: any*/, {
+      "alias": null,
+      "args": null,
+      "concreteType": null,
+      "kind": "LinkedField",
+      "name": "members",
+      "plural": true,
+      "selections": [{
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "__typename",
+        "storageKey": null
+      }, {
+        "kind": "InlineFragment",
+        "selections": [v0 /*: any*/, v1 /*: any*/, v2 /*: any*/, v3 /*: any*/, v4 /*: any*/, {
+          "alias": null,
+          "args": [{
+            "kind": "Literal",
+            "name": "collectionTypes",
+            "value": ["FAMILY"]
+          }],
+          "concreteType": "FontCollection",
+          "kind": "LinkedField",
+          "name": "children",
+          "plural": true,
+          "selections": [v0 /*: any*/, v1 /*: any*/, v2 /*: any*/, v3 /*: any*/, v4 /*: any*/],
+          "storageKey": "children(collectionTypes:[\"FAMILY\"])"
+        }],
+        "type": "FontCollection",
+        "abstractKey": null
+      }],
+      "storageKey": null
+    }],
+    "type": "FontPack",
+    "abstractKey": null
+  };
+}();
+node.hash = "43a236a4ddb4436a51d765a07e2b0eac";
+export default node;

package/dist/__generated__/storefrontEventsTrackStorefrontEventMutation.graphql.d.ts

@@ -0,0 +1,41 @@
+/**
+ * @generated SignedSource<<9ae3ba7e6860093c0576aa023d6951d2>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+import { ConcreteRequest } from 'relay-runtime';
+export type StorefrontEvent = "PAYMENT_INFO_ENTERED" | "PRODUCT_CUSTOMIZED" | "PRODUCT_VIEWED" | "%future added value";
+export type TrackStorefrontEventInput = {
+    collectionId?: string | null;
+    event: StorefrontEvent;
+    licenseSelections?: ReadonlyArray<LicenseSelectionInput> | null;
+    tracking?: OrderTrackingInput | null;
+};
+export type LicenseSelectionInput = {
+    id?: string | null;
+    licenseId: string;
+    licenseOptionId?: string | null;
+    licenseVariableId?: string | null;
+    variableText?: string | null;
+};
+export type OrderTrackingInput = {
+    analyticsConsent?: boolean | null;
+    anonymousId?: string | null;
+    fbc?: string | null;
+    fbp?: string | null;
+    url?: string | null;
+};
+export type storefrontEventsTrackStorefrontEventMutation$variables = {
+    input: TrackStorefrontEventInput;
+};
+export type storefrontEventsTrackStorefrontEventMutation$data = {
+    readonly trackStorefrontEvent: {
+        readonly success: boolean;
+    } | null;
+};
+export type storefrontEventsTrackStorefrontEventMutation = {
+    response: storefrontEventsTrackStorefrontEventMutation$data;
+    variables: storefrontEventsTrackStorefrontEventMutation$variables;
+};
+declare const node: ConcreteRequest;
+export default node;

package/dist/__generated__/storefrontEventsTrackStorefrontEventMutation.graphql.js

@@ -0,0 +1,65 @@
+/**
+ * @generated SignedSource<<9ae3ba7e6860093c0576aa023d6951d2>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+const node = function () {
+  var v0 = [{
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "input"
+    }],
+    v1 = [{
+      "alias": null,
+      "args": [{
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }],
+      "concreteType": "TrackStorefrontEventPayload",
+      "kind": "LinkedField",
+      "name": "trackStorefrontEvent",
+      "plural": false,
+      "selections": [{
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "success",
+        "storageKey": null
+      }],
+      "storageKey": null
+    }];
+  return {
+    "fragment": {
+      "argumentDefinitions": v0 /*: any*/,
+      "kind": "Fragment",
+      "metadata": null,
+      "name": "storefrontEventsTrackStorefrontEventMutation",
+      "selections": v1 /*: any*/,
+      "type": "RootMutationType",
+      "abstractKey": null
+    },
+    "kind": "Request",
+    "operation": {
+      "argumentDefinitions": v0 /*: any*/,
+      "kind": "Operation",
+      "name": "storefrontEventsTrackStorefrontEventMutation",
+      "selections": v1 /*: any*/
+    },
+    "params": {
+      "cacheID": "12055553008f9ecb33d23e0a70e7760b",
+      "id": null,
+      "metadata": {},
+      "name": "storefrontEventsTrackStorefrontEventMutation",
+      "operationKind": "mutation",
+      "text": "mutation storefrontEventsTrackStorefrontEventMutation(\n  $input: TrackStorefrontEventInput!\n) {\n  trackStorefrontEvent(input: $input) {\n    success\n  }\n}\n"
+    }
+  };
+}();
+node.hash = "340cc13477a15b926e2307d36c644053";
+export default node;

package/dist/__tests__/bundleSelectionOrder.test.js

@@ -0,0 +1,94 @@
+import { describe, it, expect, vi } from 'vitest';
+
+// Mock react-relay's graphql tag since productState.ts uses it at import time
+vi.mock('react-relay', () => ({
+  graphql: () => null,
+  fetchQuery: vi.fn()
+}));
+import reducer from '../reducer.js';
+// A family shaped like a real foundry catalog: 7 uprights + 7 italics at
+// 9000 each, with overlapping style bundles – every pair of uprights (15%
+// off), each upright with its italic (20% off), a handful of upright
+// triples (25% off), and the upright / italic halves.
+const UPRIGHTS = ['Thin', 'Light', 'Book', 'Regular', 'Medium', 'Semibold', 'Bold'];
+const ITALICS = UPRIGHTS.map(name => name === 'Regular' ? 'Italic' : `${name} Italic`);
+const STYLE_PRICE = 9000;
+const pairs = items => items.flatMap((a, i) => items.slice(i + 1).map(b => [a, b]));
+const BUNDLES = [[UPRIGHTS, 45000], [ITALICS, 45000], ...UPRIGHTS.map((name, i) => [[name, ITALICS[i]], 14400]), ...pairs(UPRIGHTS).map(styles => [styles, 15300]), ...[['Light', 'Regular', 'Bold'], ['Book', 'Regular', 'Bold'], ['Light', 'Semibold', 'Italic'], ['Book', 'Semibold', 'Italic'], ['Regular', 'Bold', 'Italic'], ['Thin', 'Regular', 'Bold'], ['Light', 'Book', 'Semibold'], ['Book', 'Semibold', 'Bold']].map(styles => [styles, 20250])];
+const sku = (id, amount) => ({
+  id,
+  price: {
+    amount
+  }
+});
+const styleSku = name => `sku:${name}`;
+const style = name => ({
+  id: `style:${name}`,
+  sku: sku(styleSku(name), STYLE_PRICE)
+});
+const catalog = {
+  node: {
+    __typename: 'FontCollection',
+    id: 'family',
+    name: 'Family',
+    sku: sku('sku:family', 90000),
+    fontStyles: [...UPRIGHTS, ...ITALICS].map(style),
+    bundles: BUNDLES.map(_ref => {
+      let [styles, price] = _ref;
+      return {
+        id: `bundle:${styles.join('+')}`,
+        name: styles.join(' + '),
+        sku: sku(`sku:bundle:${styles.join('+')}`, price),
+        fontStyles: styles.map(style)
+      };
+    }),
+    collectionBundles: [],
+    children: []
+  }
+};
+function loadedState() {
+  const empty = {
+    cartOpen: false,
+    precartOpen: false,
+    selectedSkuIds: {},
+    requestedSkuIds: [],
+    licenseOptions: [],
+    skuStyleIds: {},
+    collectionSkus: {},
+    productSkuIds: {},
+    viewedProductId: null,
+    skuPrices: {},
+    fetchedCollectionIds: [],
+    storeModalRoute: {
+      name: 'index'
+    },
+    storeModalHistory: [],
+    orderVariableSelections: [],
+    licenseeIsBillingIdentity: null
+  };
+  return reducer(empty, {
+    type: 'POPULATE_PRODUCT_STATE',
+    data: catalog
+  });
+}
+const clickStyles = names => names.reduce((state, name) => reducer(state, {
+  type: 'SELECT_SKU_ID',
+  skuId: styleSku(name),
+  selected: true
+}), loadedState());
+const selectionTotal = state => Object.keys(state.selectedSkuIds).filter(id => state.selectedSkuIds[id] === true).reduce((sum, id) => sum + state.skuPrices[id], 0);
+const permutations = items => items.length <= 1 ? [items] : items.flatMap((item, i) => permutations([...items.slice(0, i), ...items.slice(i + 1)]).map(rest => [item, ...rest]));
+describe('style bundle discounts do not depend on click order', () => {
+  it.each(permutations(['Bold', 'Regular', 'Light']))('Light + Regular + Bold bundle price when clicked %s, %s, %s', function () {
+    for (var _len = arguments.length, order = new Array(_len), _key = 0; _key < _len; _key++) {
+      order[_key] = arguments[_key];
+    }
+    expect(selectionTotal(clickStyles(order))).toBe(20250);
+  });
+  it.each(permutations(['Bold', 'Bold Italic', 'Regular', 'Italic']))('two upright + italic pairs when clicked %s, %s, %s, %s', function () {
+    for (var _len2 = arguments.length, order = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      order[_key2] = arguments[_key2];
+    }
+    expect(selectionTotal(clickStyles(order))).toBe(28800);
+  });
+});