@financial-times/n-conversion-forms 32.11.0 → 33.0.0

package/dist/accept-terms-subscription.jsx

@@ -24,8 +24,6 @@ function AcceptTermsSubscription(_ref) {
     isPrintProduct = _ref$isPrintProduct === void 0 ? false : _ref$isPrintProduct,
     _ref$isSingleTerm = _ref.isSingleTerm,
     isSingleTerm = _ref$isSingleTerm === void 0 ? false : _ref$isSingleTerm,
-    _ref$is7DayPassExperi = _ref.is7DayPassExperiment,
-    is7DayPassExperiment = _ref$is7DayPassExperi === void 0 ? false : _ref$is7DayPassExperi,
     _ref$isTermedSubscrip = _ref.isTermedSubscriptionTermType,
     isTermedSubscriptionTermType = _ref$isTermedSubscrip === void 0 ? false : _ref$isTermedSubscrip,
     _ref$isTransition = _ref.isTransition,
@@ -53,29 +51,6 @@ function AcceptTermsSubscription(_ref) {
     'aria-required': 'true',
     required: true
   };
-  if (is7DayPassExperiment) {
-    return /*#__PURE__*/_react["default"].createElement("div", divProps, /*#__PURE__*/_react["default"].createElement("ul", {
-      className: "o-typography-list ncf__accept-terms-list"
-    }, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("span", {
-      className: "terms-transition terms-transition--immediate"
-    }, "I give consent for my chosen payment method to be charged automatically.")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("span", {
-      className: "terms-transition terms-transition--immediate"
-    }, "By placing your order subject to the Terms & Conditions (save for section 2) referred to below, you agree that we may start your 7-day pass immediately upon our acceptance of your order and that you are waiving your statutory right to cancel our contract within 14 days of confirmation. Your payment is a one-time payment collected at the time of checkout, and cancelling at any point (whether before or after the 14-day period) will not entitle you to a refund.")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("span", {
-      className: "terms-transition"
-    }, "Please see here for the complete", ' ', /*#__PURE__*/_react["default"].createElement("a", {
-      className: "ncf__link--external",
-      href: "http://help.ft.com/help/legal-privacy/terms-conditions/",
-      target: "_blank",
-      rel: "noopener noreferrer"
-    }, "Terms & Conditions"), "."))), /*#__PURE__*/_react["default"].createElement("label", {
-      className: labelClassName,
-      htmlFor: "termsAcceptance"
-    }, /*#__PURE__*/_react["default"].createElement("input", inputProps), /*#__PURE__*/_react["default"].createElement("span", {
-      className: "o-forms-input__label"
-    }, "I agree to the above terms & conditions."), /*#__PURE__*/_react["default"].createElement("p", {
-      className: "o-forms-input__error"
-    }, "Please accept our terms & conditions")));
-  }
   if (isTermedSubscriptionTermType) {
     return /*#__PURE__*/_react["default"].createElement("div", divProps, /*#__PURE__*/_react["default"].createElement("ul", {
       className: "o-typography-list ncf__accept-terms-list"
@@ -168,7 +143,6 @@ AcceptTermsSubscription.propTypes = {
   isTrial: _propTypes["default"].bool,
   isPrintProduct: _propTypes["default"].bool,
   isSingleTerm: _propTypes["default"].bool,
-  is7DayPassExperiment: _propTypes["default"].bool,
   isTermedSubscriptionTermType: _propTypes["default"].bool,
   isTransition: _propTypes["default"].bool,
   transitionType: _propTypes["default"].string,

package/dist/index.js

@@ -339,12 +339,6 @@ Object.defineProperty(exports, "Section", {
     return _section.Section;
   }
 });
-Object.defineProperty(exports, "SevenDayPassExperimentConfirmation", {
-  enumerable: true,
-  get: function get() {
-    return _sevenDayPassExperimentConfirmation.SevenDayPassExperimentConfirmation;
-  }
-});
 Object.defineProperty(exports, "State", {
   enumerable: true,
   get: function get() {
@@ -420,7 +414,6 @@ var _province = require("./province");
 var _registrationConfirmation = require("./registration-confirmation");
 var _responsibility = require("./responsibility");
 var _section = require("./section");
-var _sevenDayPassExperimentConfirmation = require("./seven-day-pass-experiment-confirmation");
 var _state = require("./state");
 var _submit = require("./submit");
 var _trialBanner = require("./trial-banner");

package/dist/package-change.jsx

@@ -10,8 +10,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 function PackageChange(_ref) {
   var changePackageUrl = _ref.changePackageUrl,
     currentPackage = _ref.currentPackage,
-    packageDescription = _ref.packageDescription,
-    is7DayPassExperiment = _ref.is7DayPassExperiment;
+    packageDescription = _ref.packageDescription;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "ncf__package-change"
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -22,7 +21,7 @@ function PackageChange(_ref) {
     className: "ncf__strong"
   }, currentPackage)), packageDescription && /*#__PURE__*/_react["default"].createElement("p", {
     className: "ncf__package-change__content__description"
-  }, packageDescription)), !is7DayPassExperiment && /*#__PURE__*/_react["default"].createElement("div", {
+  }, packageDescription)), /*#__PURE__*/_react["default"].createElement("div", {
     className: "ncf__package-change__actions"
   }, /*#__PURE__*/_react["default"].createElement("a", {
     href: changePackageUrl,
@@ -33,6 +32,5 @@ function PackageChange(_ref) {
 PackageChange.propTypes = {
   changePackageUrl: _propTypes["default"].string.isRequired,
   currentPackage: _propTypes["default"].string.isRequired,
-  packageDescription: _propTypes["default"].string,
-  is7DayPassExperiment: _propTypes["default"].bool
+  packageDescription: _propTypes["default"].string
 };

package/dist/payment-term.jsx

@@ -34,8 +34,6 @@ function PaymentTerm(_ref) {
     optionsInARow = _ref$optionsInARow === void 0 ? false : _ref$optionsInARow,
     _ref$billingCountry = _ref.billingCountry,
     billingCountry = _ref$billingCountry === void 0 ? '' : _ref$billingCountry,
-    _ref$is7DayPassExperi = _ref.is7DayPassExperiment,
-    is7DayPassExperiment = _ref$is7DayPassExperi === void 0 ? false : _ref$is7DayPassExperi,
     _ref$isTermedSubscrip = _ref.isTermedSubscriptionTermType,
     isTermedSubscriptionTermType = _ref$isTermedSubscrip === void 0 ? false : _ref$isTermedSubscrip,
     _ref$isTrialOfferAsNo = _ref.isTrialOfferAsNonTrialOverride,
@@ -133,16 +131,10 @@ function PaymentTerm(_ref) {
     },
     monthly: {
       title: 'Monthly',
-      price: function price(_price3, is7DayPassExperiment) {
-        var paymentIntervalTextToDisplay = function () {
-          if (is7DayPassExperiment) {
-            return ' one-time payment';
-          }
-          return ' per month';
-        }();
+      price: function price(_price3) {
         return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
           className: "ncf__payment-term__price"
-        }, _price3), paymentIntervalTextToDisplay);
+        }, _price3), " per month");
       },
       trialPrice: function trialPrice(price) {
         return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "Unless you cancel during your trial you will be billed", ' ', /*#__PURE__*/_react["default"].createElement("span", {
@@ -151,15 +143,7 @@ function PaymentTerm(_ref) {
       },
       monthlyPrice: function monthlyPrice() {},
       renewsText: function renewsText(isFixedTermOffer) {
-        var textToDisplay = function () {
-          if (is7DayPassExperiment) {
-            return 'This subscription is for 7 days, charged at the outset.';
-          }
-          if (isFixedTermOffer) {
-            return 'This subscription is for 3 months, charged monthly. You can cancel at anytime';
-          }
-          return 'Renews monthly unless cancelled';
-        }();
+        var textToDisplay = isFixedTermOffer ? 'This subscription is for 3 months, charged monthly. You can cancel at anytime' : 'Renews monthly unless cancelled';
         return /*#__PURE__*/_react["default"].createElement("p", {
           className: "ncf__payment-term__renews-text"
         }, textToDisplay);
@@ -221,7 +205,7 @@ function PaymentTerm(_ref) {
         className: "ncf__payment-term__trial-price"
       }, option.trialPrice), /*#__PURE__*/_react["default"].createElement("br", null), nameMap[option.name] && nameMap[option.name].trialPrice(option.price)) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, nameMap[option.name] ? /*#__PURE__*/_react["default"].createElement("div", {
         className: "ncf__payment-term__description"
-      }, nameMap[option.name].price(option.price, is7DayPassExperiment), nameMap[option.name].monthlyPrice(option.monthlyPrice), nameMap[option.name].renewsText(isFixedTermOffer, is7DayPassExperiment)) :
+      }, nameMap[option.name].price(option.price), nameMap[option.name].monthlyPrice(option.monthlyPrice), nameMap[option.name].renewsText(isFixedTermOffer)) :
       // this should cover the cases different than annual, quarterly and monthly
       // for those containing period on option.value, render custom template, for the rest keep legacy render
       isValidPeriod(option.value) ? /*#__PURE__*/_react["default"].createElement("div", {
@@ -244,16 +228,8 @@ function PaymentTerm(_ref) {
       if (isTrialOfferAsNonTrialOverride && labelOverride) {
         return labelOverride;
       }
-      var defaultTitle = function () {
-        if (is7DayPassExperiment) {
-          return '';
-        }
-        if (Boolean(option.name && nameMap[option.name])) {
-          return nameMap[option.name].title;
-        }
-        return '';
-      }();
-      var title = isFixedTermOffer ? [offerDisplayName, defaultTitle].filter(Boolean).join(' - ') : defaultTitle;
+      var defaultTitle = option.name && nameMap[option.name] ? nameMap[option.name].title : '';
+      var title = isFixedTermOffer ? "".concat(offerDisplayName, " - ").concat(defaultTitle) : defaultTitle;
       var termDisplayName = '';
       if (showTrialCopyInTitle) {
         var termName = option.displayName ? option.displayName : 'Premium Digital';

package/helpers/ncf-countries.spec.js

@@ -48,7 +48,7 @@ describe('ncf-countries', () => {
 
 			expect(
 				context.countries.find((country) => country.selected)
-			).not.toBeDefined();
+			).toBeUndefined();
 		});
 
 		it('does not mark any countries selected if incorrect value passed', () => {
@@ -57,7 +57,7 @@ describe('ncf-countries', () => {
 
 			expect(
 				context.countries.find((country) => country.selected)
-			).not.toBeDefined();
+			).toBeUndefined();
 		});
 
 		it('marks a country as selected if value matches code', () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@financial-times/n-conversion-forms",
-  "version": "32.11.0",
+  "version": "33.0.0",
   "description": "Containing jsx components and styles for forms included on Accounts and Acqusition apps (next-signup, next-profile, next-retention, etc).",
   "main": "./dist/index.js",
   "scripts": {
@@ -25,61 +25,59 @@
   },
   "homepage": "https://github.com/Financial-Times/n-conversion-forms#readme",
   "dependencies": {
-    "@babel/runtime": "^7.11.2",
-    "@financial-times/n-pricing": "6.0.0",
-    "classnames": "2.3.2",
+    "@babel/runtime": "^7.23.9",
+    "@financial-times/n-pricing": "7.1.0",
+    "classnames": "2.5.1",
     "fetchres": "1.7.2",
     "lodash.get": "4.4.2",
     "n-common-static-data": "github:Financial-Times/n-common-static-data#v2.4.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.22.15",
-    "@babel/plugin-transform-runtime": "^7.22.15",
-    "@babel/preset-env": "^7.22.15",
-    "@babel/preset-react": "^7.22.15",
-    "@dotcom-tool-kit/babel": "^3.1.3",
-    "@dotcom-tool-kit/component": "^4.0.4",
-    "@dotcom-tool-kit/eslint": "^3.1.3",
-    "@dotcom-tool-kit/frontend-app": "^3.1.9",
-    "@dotcom-tool-kit/jest": "^3.2.0",
-    "@dotcom-tool-kit/lint-staged-npm": "^3.1.6",
-    "@dotcom-tool-kit/logger": "^3.1.1",
-    "@dotcom-tool-kit/prettier": "^3.1.6",
-    "@financial-times/eslint-config-next": "^6.0.0",
+    "@babel/core": "^7.23.9",
+    "@babel/plugin-transform-runtime": "^7.23.9",
+    "@babel/preset-env": "^7.23.9",
+    "@babel/preset-react": "^7.23.3",
+    "@dotcom-tool-kit/babel": "3.1.6",
+    "@dotcom-tool-kit/component": "4.1.2",
+    "@dotcom-tool-kit/eslint": "3.2.0",
+    "@dotcom-tool-kit/frontend-app": "3.2.3",
+    "@dotcom-tool-kit/jest": "3.4.0",
+    "@dotcom-tool-kit/lint-staged-npm": "3.2.0",
+    "@dotcom-tool-kit/logger": "3.4.0",
+    "@dotcom-tool-kit/prettier": "3.2.0",
+    "@financial-times/eslint-config-next": "7.1.0",
     "@financial-times/jest-browser-resolver": "^1.0.2",
-    "@snyk/protect": "1.1193.0",
-    "@storybook/addon-a11y": "^7.4.0",
-    "@storybook/addon-essentials": "7.4.0",
-    "@storybook/react": "^7.4.0",
-    "@storybook/react-webpack5": "^7.4.0",
+    "@snyk/protect": "1.1278.0",
+    "@storybook/addon-a11y": "^7.6.13",
+    "@storybook/addon-essentials": "7.6.13",
+    "@storybook/react": "^7.6.13",
+    "@storybook/react-webpack5": "^7.6.13",
     "@sucrase/jest-plugin": "^3.0.0",
-    "check-engines": "^1.5.0",
-    "dotcom-tool-kit": "^3.2.1",
+    "check-engines": "^1.6.0",
+    "dotcom-tool-kit": "3.4.4",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.7",
-    "eslint": "^8.28.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-jest": "^27.6.1",
-    "eslint-plugin-prettier": "^5.1.2",
+    "eslint-plugin-jest": "^27.6.3",
+    "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-storybook": "^0.6.13",
+    "eslint-plugin-storybook": "^0.6.15",
     "fetch-mock": "^7.2.0",
-    "html-webpack-plugin": "^5.5.3",
-    "jest": "^29.6.4",
-    "jest-environment-jsdom": "^29.6.4",
+    "html-webpack-plugin": "^5.6.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "jest-serializer-html": "^7.1.0",
-    "jsdom": "^22.1.0",
+    "jsdom": "^24.0.0",
     "jsdom-global": "^3.0.2",
-    "lint-staged": "^13.0.4",
-    "pa11y-ci": "2.4.2",
-    "prop-types": "15.7.2",
+    "pa11y-ci": "3.1.0",
+    "prop-types": "15.8.1",
     "react": "16.14.0",
     "react-dom": "16.14.0",
     "react-is": "^16.13.1",
     "sass": "^1.55.0",
     "sass-loader": "^10.2.1",
-    "storybook": "^7.4.0",
-    "webpack": "^5.88.2",
+    "storybook": "^7.6.13",
+    "webpack": "^5.90.1",
     "webpack-cli": "^5.1.4"
   },
   "engines": {

package/test-jest/helpers/expect-to-render-correctly.js

@@ -7,6 +7,7 @@ export const expectToRenderCorrectly = {
 			reactComponent(props)
 		);
 
+		// eslint-disable-next-line jest/no-standalone-expect
 		expect(ReactComponentRendered).toMatchSnapshot();
 
 		// This point is reached when the above assertions were successful.

package/utils/apple-pay.spec.js

@@ -138,7 +138,7 @@ describe('Apple Pay', () => {
 
 			it('returns merchant id from methods data', () => {
 				const methods = [{ data: { merchantIdentifier: 'test' } }];
-				expect(ApplePay.getMerchantId(methods)).toEqual('test');
+				expect(ApplePay.getMerchantId(methods)).toBe('test');
 			});
 		});
 

package/utils/billing-postcode.spec.js

@@ -81,7 +81,7 @@ describe('BillingPostcode', () => {
 					placeholder: 'Enter your postcode',
 				});
 				billingPostcode.changePostcodeReferenceForCountry = 'GBR';
-				expect(querySelectorStub).toBeCalledWith('input');
+				expect(querySelectorStub).toHaveBeenCalledWith('input');
 			});
 
 			it('sets postcode placeholder to `Enter your postcode` by default', () => {
@@ -89,7 +89,7 @@ describe('BillingPostcode', () => {
 					placeholder: 'Enter your zip code',
 				});
 				billingPostcode.changePostcodeReferenceForCountry = 'GBR';
-				expect(billingPostcode.postcodeInput.placeholder).toEqual(
+				expect(billingPostcode.postcodeInput.placeholder).toBe(
 					'Enter your postcode'
 				);
 			});
@@ -99,7 +99,7 @@ describe('BillingPostcode', () => {
 					placeholder: 'Enter your postcode',
 				});
 				billingPostcode.changePostcodeReferenceForCountry = 'USA';
-				expect(billingPostcode.postcodeInput.placeholder).toEqual(
+				expect(billingPostcode.postcodeInput.placeholder).toBe(
 					'Enter your zip code'
 				);
 			});
@@ -109,7 +109,7 @@ describe('BillingPostcode', () => {
 					placeholder: 'Enter your zip code',
 				});
 				billingPostcode.changePostcodeReferenceForCountry = 'CAN';
-				expect(billingPostcode.postcodeInput.placeholder).toEqual(
+				expect(billingPostcode.postcodeInput.placeholder).toBe(
 					'Enter your postal code'
 				);
 			});
@@ -117,20 +117,20 @@ describe('BillingPostcode', () => {
 	});
 
 	describe('getPostcodeReferenceByCountry', () => {
-		it('returns post code by default ', () => {
-			expect(BillingPostcode.getPostcodeReferenceByCountry('ZAR')).toEqual(
+		it('returns post code by default', () => {
+			expect(BillingPostcode.getPostcodeReferenceByCountry('ZAR')).toBe(
 				'postcode'
 			);
 		});
 
 		it('returns postal code when country is Canada', () => {
-			expect(BillingPostcode.getPostcodeReferenceByCountry('CAN')).toEqual(
+			expect(BillingPostcode.getPostcodeReferenceByCountry('CAN')).toBe(
 				'postal code'
 			);
 		});
 
 		it('returns zip code when country is USA', () => {
-			expect(BillingPostcode.getPostcodeReferenceByCountry('USA')).toEqual(
+			expect(BillingPostcode.getPostcodeReferenceByCountry('USA')).toBe(
 				'zip code'
 			);
 		});

package/utils/company-name.spec.js

@@ -31,7 +31,7 @@ describe('Company Name - Util', () => {
 			expect(document.querySelector('#companyNameField')).toBeDefined();
 			expect(
 				document.querySelector('.o-forms-field--optional #companyNameField')
-			).toBe(null);
+			).toBeNull();
 		});
 	});
 });

package/utils/delivery-address-type.spec.js

@@ -39,7 +39,7 @@ describe('Delivery Address Type - Util', () => {
 			const deliveryAdressTypeUtilInstance = new DeliveryAdressTypeUtil(
 				document
 			);
-			expect(deliveryAdressTypeUtilInstance.getSelected()).toEqual('home');
+			expect(deliveryAdressTypeUtilInstance.getSelected()).toBe('home');
 		});
 
 		it('returns the option selected different than the default', () => {

package/utils/delivery-option.spec.js

@@ -48,12 +48,12 @@ describe('Delivery Option - Util', () => {
 			deliveryoptionUtilInstance.showItem('PV');
 			expect(document.querySelector('.ncf__hidden #HD')).toBeDefined();
 			expect(document.querySelector('#PV')).toBeDefined();
-			expect(document.querySelector('.ncf__hidden #PV')).toBe(null);
+			expect(document.querySelector('.ncf__hidden #PV')).toBeNull();
 			deliveryoptionUtilInstance.showItem('HD');
 			deliveryoptionUtilInstance.hideItem('PV');
 			expect(document.querySelector('.ncf__hidden #PV')).toBeDefined();
 			expect(document.querySelector('#HD')).toBeDefined();
-			expect(document.querySelector('.ncf__hidden #HD')).toBe(null);
+			expect(document.querySelector('.ncf__hidden #HD')).toBeNull();
 		});
 	});
 

package/utils/delivery-postcode.spec.js

@@ -89,7 +89,7 @@ describe('DeliveryPostcode', () => {
 					placeholder: 'Enter your zip code',
 				});
 				deliveryPostcode.changePostcodeReferenceForCountry = 'GBR';
-				expect(deliveryPostcode.postcodeInput.placeholder).toEqual(
+				expect(deliveryPostcode.postcodeInput.placeholder).toBe(
 					'Enter your postcode'
 				);
 			});
@@ -99,7 +99,7 @@ describe('DeliveryPostcode', () => {
 					placeholder: 'Enter your postcode',
 				});
 				deliveryPostcode.changePostcodeReferenceForCountry = 'USA';
-				expect(deliveryPostcode.postcodeInput.placeholder).toEqual(
+				expect(deliveryPostcode.postcodeInput.placeholder).toBe(
 					'Enter your zip code'
 				);
 			});
@@ -109,7 +109,7 @@ describe('DeliveryPostcode', () => {
 					placeholder: 'Enter your zip code',
 				});
 				deliveryPostcode.changePostcodeReferenceForCountry = 'CAN';
-				expect(deliveryPostcode.postcodeInput.placeholder).toEqual(
+				expect(deliveryPostcode.postcodeInput.placeholder).toBe(
 					'Enter your postal code'
 				);
 			});
@@ -117,20 +117,20 @@ describe('DeliveryPostcode', () => {
 	});
 
 	describe('getPostcodeReferenceByCountry', () => {
-		it('returns post code by default ', () => {
-			expect(DeliveryPostcode.getPostcodeReferenceByCountry('ZAR')).toEqual(
+		it('returns post code by default', () => {
+			expect(DeliveryPostcode.getPostcodeReferenceByCountry('ZAR')).toBe(
 				'postcode'
 			);
 		});
 
 		it('returns postal code when country is Canada', () => {
-			expect(DeliveryPostcode.getPostcodeReferenceByCountry('CAN')).toEqual(
+			expect(DeliveryPostcode.getPostcodeReferenceByCountry('CAN')).toBe(
 				'postal code'
 			);
 		});
 
 		it('returns zip code when country is USA', () => {
-			expect(DeliveryPostcode.getPostcodeReferenceByCountry('USA')).toEqual(
+			expect(DeliveryPostcode.getPostcodeReferenceByCountry('USA')).toBe(
 				'zip code'
 			);
 		});

package/utils/delivery-start-date.spec.js

@@ -121,10 +121,8 @@ describe('DeliveryStartDate', () => {
 
 		it('updates the page according to the response from the API call', async () => {
 			await setup();
-			expect(startDateFieldStub.value).toEqual('2019-04-13');
-			expect(startDateTextStub.innerHTML).toEqual(
-				'Saturday 13th of April 2019'
-			);
+			expect(startDateFieldStub.value).toBe('2019-04-13');
+			expect(startDateTextStub.innerHTML).toBe('Saturday 13th of April 2019');
 		});
 
 		it('clears errors and return true if the fetch call succeeds', async () => {

package/utils/form-element.spec.js

@@ -65,7 +65,7 @@ describe('FormElement', () => {
 
 	describe('value', () => {
 		it('returns the value', () => {
-			expect(formElement.value()).toEqual('test');
+			expect(formElement.value()).toBe('test');
 		});
 	});
 });

package/utils/loader.spec.js

@@ -54,7 +54,7 @@ describe('Loader', () => {
 			it('cleares the content of the partial', () => {
 				loader.setContent('<div>Baz</div>');
 				loader.clearContent();
-				expect(elementStub.innerHTML).toEqual('');
+				expect(elementStub.innerHTML).toBe('');
 			});
 		});
 
@@ -69,11 +69,11 @@ describe('Loader', () => {
 			});
 			it('sets the title of the partial', () => {
 				loader.setContent({ title: 'Hooray!' });
-				expect(elementStub.innerHTML).toEqual('Hooray!');
+				expect(elementStub.innerHTML).toBe('Hooray!');
 			});
 			it('sets the content of the partial', () => {
 				loader.setContent({ content: '<div>Baz</div>' });
-				expect(elementStub.innerHTML).toEqual('<div>Baz</div>');
+				expect(elementStub.innerHTML).toBe('<div>Baz</div>');
 			});
 		});
 

package/utils/password.spec.js

@@ -53,13 +53,13 @@ describe('Password', () => {
 		it('sets the input type to text', () => {
 			passwordElement.type = 'password';
 			password.toggleMask(false);
-			expect(passwordElement.type).toEqual('text');
+			expect(passwordElement.type).toBe('text');
 		});
 
 		it('sets the input type to password', () => {
 			passwordElement.type = 'text';
 			password.toggleMask(true);
-			expect(passwordElement.type).toEqual('password');
+			expect(passwordElement.type).toBe('password');
 		});
 	});
 });

package/utils/payment-term.spec.js

@@ -111,7 +111,7 @@ describe('PaymentTerm', () => {
 						price: '£1.01',
 					},
 				});
-				expect(priceStub.innerHTML).toEqual('£1.01');
+				expect(priceStub.innerHTML).toBe('£1.01');
 			});
 
 			it('replaces the trial price with the correct updated trial price', () => {
@@ -127,7 +127,7 @@ describe('PaymentTerm', () => {
 						trialPrice: '£1.01',
 					},
 				});
-				expect(trialPriceStub.innerHTML).toEqual('£1.01');
+				expect(trialPriceStub.innerHTML).toBe('£1.01');
 			});
 
 			it('replaces the monthly price with the correct updated monthly price', () => {
@@ -143,7 +143,7 @@ describe('PaymentTerm', () => {
 						monthlyPrice: '£1.01',
 					},
 				});
-				expect(monthlyPriceStub.innerHTML).toEqual('£1.01');
+				expect(monthlyPriceStub.innerHTML).toBe('£1.01');
 			});
 
 			describe('updating base amount', () => {

package/utils/payment-type.spec.js

@@ -98,7 +98,7 @@ describe('PaymentType', () => {
 		describe('removeError', () => {
 			it('removes a class to the paymentType element', () => {
 				paymentType.removeError();
-				expect(elementStub.classList.remove).toHaveBeenCalled;
+				expect(elementStub.classList.remove).toHaveBeenCalled();
 			});
 		});
 

package/utils/postcode.spec.js

@@ -29,17 +29,15 @@ describe('postcode', () => {
 
 	describe('getPostcodeReferenceByCountry', () => {
 		it('returns postcode by default', () => {
-			expect(Postcode.getPostcodeReferenceByCountry('GBR')).toEqual('postcode');
+			expect(Postcode.getPostcodeReferenceByCountry('GBR')).toBe('postcode');
 		});
 
 		it('returns zip code when country code is USA', () => {
-			expect(Postcode.getPostcodeReferenceByCountry('USA')).toEqual('zip code');
+			expect(Postcode.getPostcodeReferenceByCountry('USA')).toBe('zip code');
 		});
 
 		it('returns postal when country code is CAN', () => {
-			expect(Postcode.getPostcodeReferenceByCountry('CAN')).toEqual(
-				'postal code'
-			);
+			expect(Postcode.getPostcodeReferenceByCountry('CAN')).toBe('postal code');
 		});
 	});
 
@@ -55,7 +53,7 @@ describe('postcode', () => {
 		describe('postcode reference name', () => {
 			it('calls querySelector with [data-reference]', () => {
 				postcode.changePostcodeReferenceForCountry = 'GBR';
-				expect(querySelectorAllStub).toBeCalledWith(
+				expect(querySelectorAllStub).toHaveBeenCalledWith(
 					'[data-reference=postcode]'
 				);
 			});
@@ -102,9 +100,7 @@ describe('postcode', () => {
 					placeholder: 'Enter your zip code',
 				});
 				postcode.changePostcodeReferenceForCountry = 'GBR';
-				expect(postcode.postcodeInput.placeholder).toEqual(
-					'Enter your postcode'
-				);
+				expect(postcode.postcodeInput.placeholder).toBe('Enter your postcode');
 			});
 
 			it('sets postcode placeholder to `Enter your zip code` when country code is USA', () => {
@@ -112,9 +108,7 @@ describe('postcode', () => {
 					placeholder: 'Enter your postcode',
 				});
 				postcode.changePostcodeReferenceForCountry = 'USA';
-				expect(postcode.postcodeInput.placeholder).toEqual(
-					'Enter your zip code'
-				);
+				expect(postcode.postcodeInput.placeholder).toBe('Enter your zip code');
 			});
 
 			it('sets postcode placeholder to `Enter your postal code` when country code is Canada', () => {
@@ -122,7 +116,7 @@ describe('postcode', () => {
 					placeholder: 'Enter your zip code',
 				});
 				postcode.changePostcodeReferenceForCountry = 'CAN';
-				expect(postcode.postcodeInput.placeholder).toEqual(
+				expect(postcode.postcodeInput.placeholder).toBe(
 					'Enter your postal code'
 				);
 			});

package/utils/salesforce.spec.js

@@ -12,7 +12,7 @@ describe('salesforce', () => {
 		});
 
 		it('returns the salesforce name for a country', () => {
-			expect(isoCodeToSalesforceName('GBR')).toEqual('United Kingdom');
+			expect(isoCodeToSalesforceName('GBR')).toBe('United Kingdom');
 		});
 	});
 
@@ -24,7 +24,7 @@ describe('salesforce', () => {
 		});
 
 		it('returns the ISO country code for Salesforce country', () => {
-			expect(salesforceNameToIsoCode('United Kingdom')).toEqual('GBR');
+			expect(salesforceNameToIsoCode('United Kingdom')).toBe('GBR');
 		});
 	});
 });