use window.innerWidth instead of o-viewport

bower.json

@@ -33,7 +33,6 @@
     "n-ui-foundations": "^1.0.0",
     "o-expander": "^4.2.2",
     "next-session-client": "^2.3.1",
-    "n-counter-ad-blocking": "^2.0.0",
-    "o-viewport": "^3.1.2"
+    "n-counter-ad-blocking": "^2.0.0"
   }
 }

components/n-ui/ads/js/oAdsConfig.js

@@ -2,7 +2,6 @@ const utils = require('./utils');
 const sandbox = require('./sandbox');
 const extend = require('o-ads').utils.extend;
 const apiUrlRoot = 'https://ads-api.ft.com/v1/';
-const oViewport = require('o-viewport');
 
 module.exports = function (flags, appName, adOptions) {
 	adOptions = adOptions || {};
@@ -57,10 +56,10 @@ module.exports = function (flags, appName, adOptions) {
 	}
 
 	function getViewportMargin () {
-		const screen = oViewport.getSize(true);
+
 		let viewportMargin;
 
-		if (flags.get('adOptimizeLazyLoadSmall') && screen.width < 760 ) {
+		if (flags.get('adOptimizeLazyLoadSmall') && window.innerWidth < 760 ) {
 			const variant = flags.get('adOptimizeLazyLoadSmall');
 			switch (variant) {
 				case '50':

components/n-ui/ads/test/oAdsConfig.spec.js

@@ -4,7 +4,6 @@ const oAdsConfig = require('../js/oAdsConfig');
 const adsSandbox = require('../js/sandbox');
 const fakeArticleUuid = '123456';
 const fakeConceptUuid = '12345678';
-const oViewport = require('o-viewport');
 
 let sandbox;
 let targeting;
@@ -111,17 +110,23 @@ describe('Config', () => {
 
 	describe('lazyLoad viewportMargin', () => {
 
-		it('Should pass 0% when screen width is wider than 760px', () => {
-			const stubGetSize = () => { return { height: 'height', width: 760 } };
-			sandbox.stub(oViewport, 'getSize', stubGetSize);
-			const flags = { get: () => true };
+		it('Should pass 0% when window.innerWidth is wider than 760px and adOptimizeLazyLoadSmall flag is defined', () => {
+			global.innerWidth = 760;
+			const flags = { get: (flagName) => {
+				switch (flagName) {
+					case 'adOptimizeLazyLoadSmall':
+					return '50';
+					break;
+					default:
+					return true;
+				}
+			}};
 			const config = oAdsConfig(flags, 'article');
 			expect(config.lazyLoad.viewportMargin).to.equal('0%');
 		});
 
-		it('Should pass 0% when screen width is less than 760px and adOptimizeLazyLoadSmall flag is undefined', () => {
-			const stubGetSize = () => { return { height: 'height', width: 759 } };
-			sandbox.stub(oViewport, 'getSize', stubGetSize);
+		it('Should pass 0% when window.innerWidth is less than 760px and adOptimizeLazyLoadSmall flag is undefined', () => {
+			global.innerWidth = 759;
 			const flags = { get: (flagName) => {
 				switch (flagName) {
 					case 'adOptimizeLazyLoadSmall':
@@ -135,15 +140,14 @@ describe('Config', () => {
 			expect(config.lazyLoad.viewportMargin).to.equal('0%');
 		});
 
-		context('when screen width is less than 760px and adOptimizeLazyLoadSmall flag is defined', () => {
+		context('when window.innerWidth is less than 760px and adOptimizeLazyLoadSmall flag is defined', () => {
 
 			beforeEach(() => {
-				const stubGetSize = () => { return { height: 'height', width: 759 } };
-				sandbox.stub(oViewport, 'getSize', stubGetSize);
+				global.innerWidth = 759;
 			});
 
 			afterEach(() => {
-				sandbox.restore();
+				delete global.innerWidth;
 			});
 
 			it('Should pass 50% when the flag\'s value is 50', () => {

karma.conf.js

@@ -4,10 +4,10 @@
 const path = require('path');
 const BowerWebpackPlugin = require('bower-webpack-plugin');
 const componentsToTest = [
-	// 'browser',
-	'components/n-ui/ads'
-	// 'components/n-ui/tracking',
-	// 'components/n-ui/subscription-offer-prompt'
+	'browser',
+	'components/n-ui/ads',
+	'components/n-ui/tracking',
+	'components/n-ui/subscription-offer-prompt'
 ];
 
 module.exports = function (karma) {