@financial-times/dotcom-ui-footer 7.3.0 → 7.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@financial-times/dotcom-ui-footer",
-  "version": "7.3.0",
+  "version": "7.3.2",
   "description": "",
   "main": "component.js",
   "styles": "styles.scss",
@@ -8,13 +8,12 @@
   "types": "src/index.tsx",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "tsc": "../../node_modules/.bin/tsc --incremental",
     "clean": "npm run clean:dist && npm run clean:node_modules",
     "clean:dist": "rm -rf dist",
     "clean:node_modules": "rm -rf node_modules",
     "clean:install": "npm run clean && npm i",
+    "build:node": "tsc",
     "build": "npm run build:node",
-    "build:node": "npm run tsc -- --module commonjs --outDir ./dist/node",
     "dev": "npm run build:node -- --watch",
     "preinstall": "[ \"$INIT_CWD\" != \"$PWD\" ] || npm_config_yes=true npx check-engine"
   },
@@ -22,7 +21,7 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "@financial-times/dotcom-types-navigation": "^7.3.0"
+    "@financial-times/dotcom-types-navigation": "file:../dotcom-types-navigation"
   },
   "peerDependencies": {
     "react": "16.x || 17.x",
@@ -32,6 +31,13 @@
     "node": ">= 14.0.0",
     "npm": "7.x || 8.x"
   },
+  "files": [
+    "dist/",
+    "src/",
+    "browser.js",
+    "component.js",
+    "styles.scss"
+  ],
   "repository": {
     "type": "git",
     "repository": "https://github.com/Financial-Times/dotcom-page-kit.git",
@@ -46,4 +52,4 @@
     "@financial-times/o-footer": "^9.2.0",
     "react": "^16.8.6"
   }
-}
+}

package/src/__stories__/footer.ts

@@ -0,0 +1,227 @@
+import { TNavMenu } from '../../../dotcom-types-navigation'
+
+const data: TNavMenu = {
+  label: 'Footer',
+  items: [
+    {
+      label: 'Support',
+      url: null,
+      submenu: {
+        label: null,
+        items: [
+          [
+            {
+              label: 'View Site Tips',
+              url: '/tour',
+              submenu: null
+            },
+            {
+              label: 'Help Centre',
+              url: 'http://help.ft.com',
+              submenu: null
+            },
+            {
+              label: 'About Us',
+              url: 'http://www.ft.com/aboutus',
+              submenu: null
+            },
+            {
+              label: 'Accessibility',
+              url: '/accessibility',
+              submenu: null
+            },
+            {
+              label: 'myFT Tour',
+              url: '/tour/myft',
+              submenu: null
+            }
+          ]
+        ]
+      }
+    },
+    {
+      label: 'Legal & Privacy',
+      url: null,
+      submenu: {
+        label: null,
+        items: [
+          [
+            {
+              label: 'Terms & Conditions',
+              url: 'http://help.ft.com/help/legal-privacy/terms-conditions/',
+              submenu: null
+            },
+            {
+              label: 'Privacy',
+              url: 'http://help.ft.com/help/legal-privacy/privacy/',
+              submenu: null
+            },
+            {
+              label: 'Cookies',
+              url: 'http://help.ft.com/help/legal-privacy/cookies/',
+              submenu: null
+            },
+            {
+              label: 'Copyright',
+              url: 'http://help.ft.com/help/legal-privacy/copyright/copyright-policy/',
+              submenu: null
+            },
+            {
+              label: 'Slavery Statement & Policies',
+              url: 'https://help.ft.com/help/legal/slavery-statement/',
+              submenu: null
+            }
+          ]
+        ]
+      }
+    },
+    {
+      label: 'Services',
+      url: null,
+      submenu: {
+        label: null,
+        items: [
+          [
+            {
+              label: 'FT Live',
+              url: 'http://live.ft.com/',
+              submenu: null
+            },
+            {
+              label: 'Share News Tips Securely',
+              url: '/securedrop',
+              disableTracking: true,
+              submenu: null
+            },
+            {
+              label: 'Individual Subscriptions',
+              url: 'http://www.ft.com/products',
+              submenu: null
+            },
+            {
+              label: 'Group Subscriptions',
+              url: 'https://enterprise.ft.com/en-gb/services/group-subscriptions/group-contact-us/?segmentId=383c7f63-abf4-b62d-cb33-4c278e6fdf61&cpccampaign=B2B_link_ft.com_footer',
+              submenu: null
+            },
+            {
+              label: 'Republishing',
+              url: 'https://enterprise.ft.com/en-gb/services/republishing/',
+              submenu: null
+            },
+            {
+              label: 'Contracts & Tenders',
+              url: 'http://www.businessesforsale.com/ft2/notices',
+              submenu: null
+            },
+            {
+              label: 'Executive Job Search',
+              url: 'https://www.exec-appointments.com/',
+              submenu: null
+            },
+            {
+              label: 'Advertise with the FT',
+              url: 'http://fttoolkit.co.uk/',
+              submenu: null
+            },
+            {
+              label: 'Follow the FT on Twitter',
+              url: 'https://twitter.com/financialtimes',
+              submenu: null
+            },
+            {
+              label: 'FT Transact',
+              url: 'https://transact.ft.com/en-gb/',
+              submenu: null
+            },
+            {
+              label: 'Secondary Schools',
+              url: 'https://enterprise.ft.com/en-gb/services/group-subscriptions/education/',
+              submenu: null
+            }
+          ]
+        ]
+      }
+    },
+    {
+      label: 'Tools',
+      url: null,
+      submenu: {
+        label: null,
+        items: [
+          [
+            {
+              label: 'Portfolio',
+              url: 'https://markets.ft.com/data/portfolio/dashboard',
+              submenu: null
+            },
+            {
+              label: "Today's Newspaper (ePaper)",
+              url: 'https://www.ft.com/todaysnewspaper',
+              submenu: null
+            },
+            {
+              label: 'Alerts Hub',
+              url: 'http://markets.ft.com/data/alerts/',
+              submenu: null
+            },
+            {
+              label: 'Lexicon',
+              url: 'http://lexicon.ft.com/',
+              submenu: null
+            },
+            {
+              label: 'MBA Rankings',
+              url: 'http://rankings.ft.com/businessschoolrankings/global-mba-ranking-2016?ft_site=falcon',
+              submenu: null
+            },
+            {
+              label: 'Economic Calendar',
+              url: 'https://markets.ft.com/data/world/economic-calendar',
+              submenu: null
+            },
+            {
+              label: 'News feed',
+              url: '/news-feed',
+              submenu: null
+            },
+            {
+              label: 'Newsletters',
+              url: '/newsletters',
+              submenu: null
+            },
+            {
+              label: 'Currency Converter',
+              url: 'https://markets.ft.com/research/Markets/Currencies?segid=70113',
+              submenu: null
+            }
+          ]
+        ]
+      }
+    },
+    {
+      label: 'Community & Events',
+      url: null,
+      submenu: {
+        label: null,
+        items: [
+          [
+            { label: 'FT Community', url: 'https://www.ft.com/tour/community', submenu: null },
+            { label: 'FT Live', url: 'http://live.ft.com/', submenu: null },
+            {
+              label: 'FT Forums',
+              url: 'https://forums.ft.com/',
+              submenu: null
+            },
+            {
+              label: 'Board Director Programme',
+              url: 'https://bdp.ft.com/',
+              submenu: null
+            }
+          ]
+        ]
+      }
+    }
+  ]
+}
+
+export default data

package/src/__stories__/story-data.ts

@@ -0,0 +1,22 @@
+import { TFooterProps } from '..'
+import footer from './footer'
+
+const fixture: TFooterProps = {
+  theme: 'dark',
+  data: {
+    account: null,
+    anon: null,
+    breadcrumb: null,
+    drawer: null,
+    editions: null,
+    footer,
+    navbar: null,
+    'navbar-right': null,
+    'navbar-right-anon': null,
+    'navbar-simple': null,
+    subsections: null,
+    user: null
+  }
+}
+
+export default fixture

package/src/__stories__/story.tsx

@@ -0,0 +1,45 @@
+import React from 'react'
+import { OnReady } from '../../../../.storybook/components/OnReady'
+
+import storyData from './story-data'
+
+import * as footer from '../../browser.js'
+import { Footer, LegalFooter } from '../../src'
+import '../../styles.scss'
+
+export default {
+  title: 'FT / Footer',
+  args: { theme: 'dark' },
+  argTypes: {
+    theme: {
+      control: {
+        type: 'radio',
+        options: ['dark', 'light']
+      }
+    }
+  }
+}
+
+export const _Footer = (args) => {
+  return (
+    <OnReady callback={() => footer.init()}>
+      <Footer {...storyData} {...args} />
+    </OnReady>
+  )
+}
+
+_Footer.story = {
+  name: 'footer'
+}
+
+export const _LegalFooter = (args) => {
+  return (
+    <OnReady callback={() => footer.init()}>
+      <LegalFooter {...storyData} {...args} />
+    </OnReady>
+  )
+}
+
+_LegalFooter.story = {
+  name: 'legal footer'
+}

package/src/__test__/component.spec.tsx

@@ -0,0 +1,61 @@
+/**
+ * @jest-environment jsdom
+ */
+import 'jest-enzyme'
+import React from 'react'
+import { mount } from 'enzyme'
+
+import dataFixture from '../__stories__/story-data'
+import { Footer, LegalFooter } from '../index'
+
+describe('dotcom-ui-footer', () => {
+  const footer = mount(<Footer {...dataFixture} />)
+  const legalFooter = mount(<LegalFooter {...dataFixture} />)
+
+  it('renders the available footer variants', () => {
+    expect(footer).not.toBeEmptyRender()
+    expect(legalFooter).not.toBeEmptyRender()
+  })
+
+  it('renders the copyright section', () => {
+    expect(footer.find('.o-footer__copyright')).toExist()
+    expect(legalFooter.find('.o-footer__copyright')).toExist()
+  })
+
+  it('renders the Nikkei banner', () => {
+    expect(footer.find('.o-footer__copyright')).toExist()
+    expect(legalFooter.find('.o-footer__brand-logo')).toExist()
+  })
+
+  describe('standard footer', () => {
+    it('renders the navigation sections', () => {
+      expect(footer).not.toBeEmptyRender()
+      expect(footer.find('.o-footer__matrix')).toIncludeText('Support')
+      expect(footer.find('.o-footer__matrix')).toIncludeText('Legal & Privacy')
+      expect(footer.find('.o-footer__matrix')).toIncludeText('Services')
+      expect(footer.find('.o-footer__matrix')).toIncludeText('Tools')
+    })
+
+    it('does not render the legal links section', () => {
+      expect(footer.find('.o-footer__legal-links')).not.toExist()
+    })
+
+    it('renders the More from FT section', () => {
+      expect(footer.find('.o-footer__matrix-link__copy')).toExist()
+    })
+  })
+
+  describe('legal footer', () => {
+    it('does not render the navigation sections', () => {
+      expect(legalFooter.find('.o-footer__matrix')).not.toExist()
+    })
+
+    it('renders the legal links section', () => {
+      expect(legalFooter.find('.o-footer__legal-links')).toExist()
+    })
+
+    it('does not render the More from FT section', () => {
+      expect(legalFooter.find('.o-footer__more-from-ft')).not.toExist()
+    })
+  })
+})