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

package/src/__test__/components/__snapshots__/NoOutboundLinks.spec.tsx.snap

@@ -0,0 +1,337 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`dotcom-ui-header/src/components/NoOutboundLinksHeader renders as a logged in user 1`] = `
+<header
+  className="o-header o-header--simple"
+  data-o-component="o-header"
+  data-o-header--no-js={true}
+  id="site-navigation"
+  tabIndex={-1}
+>
+  <div
+    className="o-header__row o-header__top"
+    data-trackable="header-top"
+  >
+    <div
+      className="o-header__container"
+    >
+      <div
+        className="o-header__top-wrapper"
+      >
+        <div
+          className="o-header__top-column o-header__top-column--center"
+        >
+          <div
+            className="o-header__top-logo"
+            style={
+              Object {
+                "backgroundImage": "none",
+              }
+            }
+          >
+            <svg
+              viewBox="0 0 1054 86"
+            >
+              <title>
+                Financial Times
+              </title>
+              <path
+                d="M26.177 72.609c0 5.938 1.697 7.295 12.554 7.295v3.732H.9v-3.732c7.464 0 10.01-.679 10.01-7.125V12.215c0-6.447-2.546-7.126-10.01-7.126V1.357h63.448l.34 22.563h-3.054C59.937 6.956 55.696 5.43 39.919 5.43H26.008v33.59h11.196c10.688 0 11.367-1.697 12.215-10.179h3.054v24.599h-3.054c-.848-8.482-1.527-10.01-12.215-10.01H26.008v29.18h.17zm46.314 11.027v-3.732c7.465 0 10.01-.679 10.01-7.125V12.215c0-6.447-2.545-7.126-10.01-7.126V1.357h35.287V5.09c-7.465 0-10.01.679-10.01 7.126v60.564c0 6.446 2.545 7.125 10.01 7.125v3.732H72.49zm115.36 1.357l-56.323-69.725V72.44c0 6.617 4.58 7.634 12.385 7.634v3.733h-29.858v-3.733c7.803 0 12.045-1.017 12.045-7.634V8.991c-3.563-3.732-6.108-3.902-12.045-3.902V1.357h26.465l43.09 55.475V12.554c0-6.616-4.58-7.634-12.384-7.634V1.357h30.027V5.09c-7.803 0-12.045 1.018-12.045 7.635v72.27h-1.357zm40.207-1.357h-29.689v-3.732c7.804 0 11.367-1.018 13.911-7.804L239.085.509h7.464l28.84 72.1c2.545 6.447 3.732 7.125 9.67 7.125v3.732h-34.438v-3.732c10.518 0 11.536-.848 8.99-7.125l-8.481-21.884h-25.787L217.71 71.93c-2.375 6.447 1.357 7.804 10.518 7.804v3.902h-.17zm-1.188-37.153h22.393l-11.705-29.518-10.688 29.518zm135.548 38.51l-56.153-69.725V72.44c0 6.617 4.58 7.634 12.384 7.634v3.733h-29.18v-3.733c7.126 0 11.367-1.017 11.367-7.634V9.161c-4.071-3.732-7.125-4.072-13.91-4.072V1.357h28.16l43.09 55.475V12.554c0-6.616-4.58-7.634-12.383-7.634V1.357h29.858V5.09c-7.804 0-12.045 1.018-12.045 7.635v72.27h-1.188zm83.297-83.805h2.036l1.187 24.598-3.053.17c-2.036-14.08-9.5-21.545-23.242-21.545-15.268 0-26.804 13.063-26.804 33.081 0 25.617 16.116 40.206 33.08 40.206 7.296 0 13.912-2.035 20.358-8.99l2.376 2.374c-5.26 7.465-15.608 13.742-29.52 13.742-20.696 0-41.732-15.608-41.732-41.734C380.4 17.813 399.57 0 422.813 0c11.027 0 16.795 4.75 19.848 4.75 1.357 0 2.375-1.187 3.054-3.562zm12.723 82.448v-3.732c7.465 0 10.01-.679 10.01-7.125V12.215c0-6.447-2.545-7.126-10.01-7.126V1.357h35.287V5.09c-7.464 0-10.01.679-10.01 7.126v60.564c0 6.446 2.546 7.125 10.01 7.125v3.732h-35.287zm68.538 0h-27.653v-3.732c6.108 0 9.331-1.018 11.876-7.804L538.003.509h7.464l28.84 72.1c2.545 6.447 3.733 7.125 9.67 7.125v3.732H549.54v-3.732c10.518 0 11.536-.848 8.991-7.125l-8.482-21.884h-25.786l-7.635 21.205c-2.375 6.447 1.358 7.804 10.519 7.804v3.902h-.17zm-1.188-37.153h22.394l-11.536-29.518-10.858 29.518zm63.957 37.153v-3.732c7.465 0 10.01-.679 10.01-7.125V12.215c0-6.447-2.545-7.126-10.01-7.126V1.357h35.117V5.09c-7.464 0-9.84.679-9.84 7.126v61.073c0 5.428 2.715 6.107 7.126 6.107h4.241c15.947 0 21.036-2.375 25.447-20.527l3.054.339-2.545 24.26h-62.6v.17zM760.75 1.357l.339 23.92h-3.054C756.34 7.634 752.098 5.43 736.32 5.43h-5.089v67.18c0 6.447 2.375 7.295 12.554 7.295v3.732h-40.376v-3.732c10.179 0 12.723-1.018 12.723-7.295V5.429h-5.089c-15.777 0-20.018 2.205-21.715 19.848h-3.053l.339-23.92h74.136zm7.973 82.28v-3.733c7.465 0 10.01-.679 10.01-7.125V12.215c0-6.447-2.545-7.126-10.01-7.126V1.357h35.287V5.09c-7.465 0-10.01.679-10.01 7.126v60.564c0 6.446 2.545 7.125 10.01 7.125v3.732h-35.287zM910.21 1.356V5.09c-7.465 0-10.688.34-10.01 6.956l6.447 61.073c.679 6.277 3.054 6.955 10.518 6.955v3.733h-35.117v-3.733c7.295 0 9.84-.678 9.331-6.955L884.762 8.99l-25.956 76.172h-1.018L832.34 8.822l-6.108 64.126c-.678 6.447 3.733 7.125 11.197 7.125v3.733h-27.483v-3.733c7.465 0 10.01-1.187 10.518-7.125l6.447-61.073c.679-6.446-2.545-6.955-10.01-6.955V1.357h28.84l17.305 56.153 18.661-56.153h28.5zm65.653 52.082h-3.053c-.849-8.482-1.527-10.01-12.215-10.01H948.04v29.859c0 5.428 2.715 6.107 7.125 6.107h6.786c15.947 0 21.036-2.375 25.447-20.527l3.054.339-2.884 24.26h-64.805v-3.733c7.464 0 10.009-.678 10.009-7.125V12.215c0-6.447-2.545-7.126-10.01-7.126V1.357h62.261l.34 20.527h-3.054c-1.866-14.59-5.598-16.286-21.885-16.286H948.21v33.42h12.554c10.687 0 11.366-1.696 12.214-10.178h3.054v24.599h-.17zm65.484 13.232c0-7.464-4.75-11.196-12.893-15.777l-13.063-6.786c-9.84-5.259-15.607-11.027-15.607-21.375C999.783 9.84 1010.81 0 1025.23 0c9.84 0 14.929 4.75 17.813 4.75 1.866 0 2.714-1.187 3.562-3.562h2.375l1.188 23.072-3.054.17c-1.696-11.198-9.67-19.85-20.866-19.85-8.483 0-14.081 5.09-14.081 12.215 0 7.804 5.937 11.027 12.554 14.59l11.196 5.937c10.519 5.768 17.983 11.536 17.983 22.563 0 14.59-12.554 24.939-28.161 24.939-11.028 0-16.456-5.26-19.34-5.26-1.866 0-2.884 1.697-3.732 4.242h-2.376l-1.696-24.43 3.054-.339c2.375 15.268 12.893 21.545 23.411 21.545 8.822-.17 16.286-4.071 16.286-13.91z"
+                fill="#231F20"
+                fillRule="evenodd"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <nav
+    aria-label="Primary navigation"
+    className="o-header__row o-header__nav o-header__nav--desktop"
+    data-trackable="header-nav:desktop"
+    id="o-header-nav-desktop"
+    role="navigation"
+  >
+    <div
+      className="o-header__container"
+    />
+  </nav>
+  <div
+    aria-label="Sub navigation"
+    className="o-header__subnav"
+    data-o-header-subnav={true}
+    data-trackable="header-subnav"
+    role="navigation"
+  >
+    <div
+      className="o-header__container"
+    >
+      <div
+        className="o-header__subnav-wrap-outside"
+      >
+        <div
+          className="o-header__subnav-wrap-inside"
+          data-o-header-subnav-wrapper={true}
+        >
+          <div
+            className="o-header__subnav-content"
+          >
+            <ol
+              aria-label="Breadcrumb"
+              className="o-header__subnav-list o-header__subnav-list--breadcrumb"
+              data-trackable="breadcrumb"
+            >
+              <li
+                className="o-header__subnav-item"
+              >
+                <a
+                  className="o-header__subnav-link "
+                  data-trackable="World"
+                  href="/world"
+                >
+                  World
+                </a>
+              </li>
+              <li
+                className="o-header__subnav-item"
+              >
+                <a
+                  aria-current="page"
+                  aria-label="UK, current page"
+                  className="o-header__subnav-link o-header__subnav-link--highlight"
+                  data-trackable="UK"
+                  href="/world/uk"
+                >
+                  UK
+                </a>
+              </li>
+            </ol>
+            <ul
+              aria-label="Subsections"
+              className="o-header__subnav-list o-header__subnav-list--children"
+              data-trackable="subsections"
+            >
+              <li
+                className="o-header__subnav-item"
+              >
+                <a
+                  className="o-header__subnav-link "
+                  data-trackable="UK Business & Economy"
+                  href="/uk-business-economy"
+                >
+                  UK Business & Economy
+                </a>
+              </li>
+              <li
+                className="o-header__subnav-item"
+              >
+                <a
+                  className="o-header__subnav-link "
+                  data-trackable="UK Politics & Policy"
+                  href="/world/uk/politics"
+                >
+                  UK Politics & Policy
+                </a>
+              </li>
+              <li
+                className="o-header__subnav-item"
+              >
+                <a
+                  className="o-header__subnav-link "
+                  data-trackable="UK Companies"
+                  href="/companies/uk"
+                >
+                  UK Companies
+                </a>
+              </li>
+            </ul>
+          </div>
+        </div>
+        <button
+          aria-hidden="true"
+          aria-label="scroll left"
+          className="o-header__subnav-button o-header__subnav-button--left"
+          disabled={true}
+          title="scroll left"
+        />
+        <button
+          aria-hidden="true"
+          aria-label="scroll right"
+          className="o-header__subnav-button o-header__subnav-button--right"
+          disabled={true}
+          title="scroll right"
+        />
+      </div>
+    </div>
+  </div>
+</header>
+`;
+
+exports[`dotcom-ui-header/src/components/NoOutboundLinksHeader renders as an anonymous user 1`] = `
+<header
+  className="o-header o-header--simple"
+  data-o-component="o-header"
+  data-o-header--no-js={true}
+  id="site-navigation"
+  tabIndex={-1}
+>
+  <div
+    className="o-header__row o-header__top"
+    data-trackable="header-top"
+  >
+    <div
+      className="o-header__container"
+    >
+      <div
+        className="o-header__top-wrapper"
+      >
+        <div
+          className="o-header__top-column o-header__top-column--center"
+        >
+          <div
+            className="o-header__top-logo"
+            style={
+              Object {
+                "backgroundImage": "none",
+              }
+            }
+          >
+            <svg
+              viewBox="0 0 1054 86"
+            >
+              <title>
+                Financial Times
+              </title>
+              <path
+                d="M26.177 72.609c0 5.938 1.697 7.295 12.554 7.295v3.732H.9v-3.732c7.464 0 10.01-.679 10.01-7.125V12.215c0-6.447-2.546-7.126-10.01-7.126V1.357h63.448l.34 22.563h-3.054C59.937 6.956 55.696 5.43 39.919 5.43H26.008v33.59h11.196c10.688 0 11.367-1.697 12.215-10.179h3.054v24.599h-3.054c-.848-8.482-1.527-10.01-12.215-10.01H26.008v29.18h.17zm46.314 11.027v-3.732c7.465 0 10.01-.679 10.01-7.125V12.215c0-6.447-2.545-7.126-10.01-7.126V1.357h35.287V5.09c-7.465 0-10.01.679-10.01 7.126v60.564c0 6.446 2.545 7.125 10.01 7.125v3.732H72.49zm115.36 1.357l-56.323-69.725V72.44c0 6.617 4.58 7.634 12.385 7.634v3.733h-29.858v-3.733c7.803 0 12.045-1.017 12.045-7.634V8.991c-3.563-3.732-6.108-3.902-12.045-3.902V1.357h26.465l43.09 55.475V12.554c0-6.616-4.58-7.634-12.384-7.634V1.357h30.027V5.09c-7.803 0-12.045 1.018-12.045 7.635v72.27h-1.357zm40.207-1.357h-29.689v-3.732c7.804 0 11.367-1.018 13.911-7.804L239.085.509h7.464l28.84 72.1c2.545 6.447 3.732 7.125 9.67 7.125v3.732h-34.438v-3.732c10.518 0 11.536-.848 8.99-7.125l-8.481-21.884h-25.787L217.71 71.93c-2.375 6.447 1.357 7.804 10.518 7.804v3.902h-.17zm-1.188-37.153h22.393l-11.705-29.518-10.688 29.518zm135.548 38.51l-56.153-69.725V72.44c0 6.617 4.58 7.634 12.384 7.634v3.733h-29.18v-3.733c7.126 0 11.367-1.017 11.367-7.634V9.161c-4.071-3.732-7.125-4.072-13.91-4.072V1.357h28.16l43.09 55.475V12.554c0-6.616-4.58-7.634-12.383-7.634V1.357h29.858V5.09c-7.804 0-12.045 1.018-12.045 7.635v72.27h-1.188zm83.297-83.805h2.036l1.187 24.598-3.053.17c-2.036-14.08-9.5-21.545-23.242-21.545-15.268 0-26.804 13.063-26.804 33.081 0 25.617 16.116 40.206 33.08 40.206 7.296 0 13.912-2.035 20.358-8.99l2.376 2.374c-5.26 7.465-15.608 13.742-29.52 13.742-20.696 0-41.732-15.608-41.732-41.734C380.4 17.813 399.57 0 422.813 0c11.027 0 16.795 4.75 19.848 4.75 1.357 0 2.375-1.187 3.054-3.562zm12.723 82.448v-3.732c7.465 0 10.01-.679 10.01-7.125V12.215c0-6.447-2.545-7.126-10.01-7.126V1.357h35.287V5.09c-7.464 0-10.01.679-10.01 7.126v60.564c0 6.446 2.546 7.125 10.01 7.125v3.732h-35.287zm68.538 0h-27.653v-3.732c6.108 0 9.331-1.018 11.876-7.804L538.003.509h7.464l28.84 72.1c2.545 6.447 3.733 7.125 9.67 7.125v3.732H549.54v-3.732c10.518 0 11.536-.848 8.991-7.125l-8.482-21.884h-25.786l-7.635 21.205c-2.375 6.447 1.358 7.804 10.519 7.804v3.902h-.17zm-1.188-37.153h22.394l-11.536-29.518-10.858 29.518zm63.957 37.153v-3.732c7.465 0 10.01-.679 10.01-7.125V12.215c0-6.447-2.545-7.126-10.01-7.126V1.357h35.117V5.09c-7.464 0-9.84.679-9.84 7.126v61.073c0 5.428 2.715 6.107 7.126 6.107h4.241c15.947 0 21.036-2.375 25.447-20.527l3.054.339-2.545 24.26h-62.6v.17zM760.75 1.357l.339 23.92h-3.054C756.34 7.634 752.098 5.43 736.32 5.43h-5.089v67.18c0 6.447 2.375 7.295 12.554 7.295v3.732h-40.376v-3.732c10.179 0 12.723-1.018 12.723-7.295V5.429h-5.089c-15.777 0-20.018 2.205-21.715 19.848h-3.053l.339-23.92h74.136zm7.973 82.28v-3.733c7.465 0 10.01-.679 10.01-7.125V12.215c0-6.447-2.545-7.126-10.01-7.126V1.357h35.287V5.09c-7.465 0-10.01.679-10.01 7.126v60.564c0 6.446 2.545 7.125 10.01 7.125v3.732h-35.287zM910.21 1.356V5.09c-7.465 0-10.688.34-10.01 6.956l6.447 61.073c.679 6.277 3.054 6.955 10.518 6.955v3.733h-35.117v-3.733c7.295 0 9.84-.678 9.331-6.955L884.762 8.99l-25.956 76.172h-1.018L832.34 8.822l-6.108 64.126c-.678 6.447 3.733 7.125 11.197 7.125v3.733h-27.483v-3.733c7.465 0 10.01-1.187 10.518-7.125l6.447-61.073c.679-6.446-2.545-6.955-10.01-6.955V1.357h28.84l17.305 56.153 18.661-56.153h28.5zm65.653 52.082h-3.053c-.849-8.482-1.527-10.01-12.215-10.01H948.04v29.859c0 5.428 2.715 6.107 7.125 6.107h6.786c15.947 0 21.036-2.375 25.447-20.527l3.054.339-2.884 24.26h-64.805v-3.733c7.464 0 10.009-.678 10.009-7.125V12.215c0-6.447-2.545-7.126-10.01-7.126V1.357h62.261l.34 20.527h-3.054c-1.866-14.59-5.598-16.286-21.885-16.286H948.21v33.42h12.554c10.687 0 11.366-1.696 12.214-10.178h3.054v24.599h-.17zm65.484 13.232c0-7.464-4.75-11.196-12.893-15.777l-13.063-6.786c-9.84-5.259-15.607-11.027-15.607-21.375C999.783 9.84 1010.81 0 1025.23 0c9.84 0 14.929 4.75 17.813 4.75 1.866 0 2.714-1.187 3.562-3.562h2.375l1.188 23.072-3.054.17c-1.696-11.198-9.67-19.85-20.866-19.85-8.483 0-14.081 5.09-14.081 12.215 0 7.804 5.937 11.027 12.554 14.59l11.196 5.937c10.519 5.768 17.983 11.536 17.983 22.563 0 14.59-12.554 24.939-28.161 24.939-11.028 0-16.456-5.26-19.34-5.26-1.866 0-2.884 1.697-3.732 4.242h-2.376l-1.696-24.43 3.054-.339c2.375 15.268 12.893 21.545 23.411 21.545 8.822-.17 16.286-4.071 16.286-13.91z"
+                fill="#231F20"
+                fillRule="evenodd"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <nav
+    aria-label="Primary navigation"
+    className="o-header__row o-header__nav o-header__nav--desktop"
+    data-trackable="header-nav:desktop"
+    id="o-header-nav-desktop"
+    role="navigation"
+  >
+    <div
+      className="o-header__container"
+    />
+  </nav>
+  <div
+    aria-label="Sub navigation"
+    className="o-header__subnav"
+    data-o-header-subnav={true}
+    data-trackable="header-subnav"
+    role="navigation"
+  >
+    <div
+      className="o-header__container"
+    >
+      <div
+        className="o-header__subnav-wrap-outside"
+      >
+        <div
+          className="o-header__subnav-wrap-inside"
+          data-o-header-subnav-wrapper={true}
+        >
+          <div
+            className="o-header__subnav-content"
+          >
+            <ol
+              aria-label="Breadcrumb"
+              className="o-header__subnav-list o-header__subnav-list--breadcrumb"
+              data-trackable="breadcrumb"
+            >
+              <li
+                className="o-header__subnav-item"
+              >
+                <a
+                  className="o-header__subnav-link "
+                  data-trackable="World"
+                  href="/world"
+                >
+                  World
+                </a>
+              </li>
+              <li
+                className="o-header__subnav-item"
+              >
+                <a
+                  aria-current="page"
+                  aria-label="UK, current page"
+                  className="o-header__subnav-link o-header__subnav-link--highlight"
+                  data-trackable="UK"
+                  href="/world/uk"
+                >
+                  UK
+                </a>
+              </li>
+            </ol>
+            <ul
+              aria-label="Subsections"
+              className="o-header__subnav-list o-header__subnav-list--children"
+              data-trackable="subsections"
+            >
+              <li
+                className="o-header__subnav-item"
+              >
+                <a
+                  className="o-header__subnav-link "
+                  data-trackable="UK Business & Economy"
+                  href="/uk-business-economy"
+                >
+                  UK Business & Economy
+                </a>
+              </li>
+              <li
+                className="o-header__subnav-item"
+              >
+                <a
+                  className="o-header__subnav-link "
+                  data-trackable="UK Politics & Policy"
+                  href="/world/uk/politics"
+                >
+                  UK Politics & Policy
+                </a>
+              </li>
+              <li
+                className="o-header__subnav-item"
+              >
+                <a
+                  className="o-header__subnav-link "
+                  data-trackable="UK Companies"
+                  href="/companies/uk"
+                >
+                  UK Companies
+                </a>
+              </li>
+            </ul>
+          </div>
+        </div>
+        <button
+          aria-hidden="true"
+          aria-label="scroll left"
+          className="o-header__subnav-button o-header__subnav-button--left"
+          disabled={true}
+          title="scroll left"
+        />
+        <button
+          aria-hidden="true"
+          aria-label="scroll right"
+          className="o-header__subnav-button o-header__subnav-button--right"
+          disabled={true}
+          title="scroll right"
+        />
+      </div>
+    </div>
+  </div>
+</header>
+`;