[tests][xs]: updated snapshots.

This commit is contained in:
anuveyatsu 2020-06-12 18:55:06 +06:00
parent f16a8339a8
commit 5698f769b9
4 changed files with 110 additions and 525 deletions

View File

@ -1,9 +1,11 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`📸 of Item component 1`] = `
<div>
<div
className="mb-6"
>
<h3
className="text-2xl font-semibold"
className="text-xl font-semibold"
>
<a
className="text-primary"

View File

@ -2,7 +2,7 @@
exports[`📸 of Total component 1`] = `
<h1
className="text-4xl font-semibold text-primary"
className="text-3xl font-semibold text-primary my-6 inline-block"
>
2
results found

View File

@ -1,534 +1,117 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`📸 of Home page 1`] = `
<div
className="jsx-2293288804 container mx-auto"
>
<main
className="jsx-2293288804"
Array [
<nav
className="flex items-center justify-between flex-wrap bg-white p-6"
>
<nav
className="flex justify-between"
<div
className="flex items-center flex-shrink-0 text-gray-700 mr-6"
>
<span
className="font-semibold text-xl tracking-tight"
>
Portal
</span>
</div>
<div
className="block lg:hidden"
>
<button
className="flex items-center px-3 py-2 border rounded text-gray-700 border-teal-400 hover:text-black hover:border-black"
>
<svg
className="fill-current h-3 w-3"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<title>
Menu
</title>
<path
d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"
/>
</svg>
</button>
</div>
<div
className="w-full block flex-grow lg:flex lg:items-center lg:w-auto"
>
<div
className="text-sm lg:flex-grow"
>
<a
className="block mt-4 lg:inline-block lg:mt-0 text-gray-700 hover:text-black mr-4"
href="/search"
onClick={[Function]}
onMouseEnter={[Function]}
>
Search
</a>
<a
className="block mt-4 lg:inline-block lg:mt-0 text-gray-700 hover:text-black mr-4"
href="http://tech.datopian.com/frontend/"
onClick={[Function]}
onMouseEnter={[Function]}
target="_blank"
>
Docs
</a>
</div>
<div>
<button
className="navbar-toggle"
data-target="#myNavbar"
data-toggle="collapse"
type="button"
>
<span
className="icon-bar"
/>
<span
className="icon-bar"
/>
<span
className="icon-bar"
/>
</button>
<a
className="main-logo pull-left"
href="/"
className="inline-block text-sm px-4 py-2 leading-none border rounded text-black border-black hover:border-gray-700 hover:text-gray-700 hover:bg-white mt-4 lg:mt-0"
href="https://github.com/datopian/portal"
onClick={[Function]}
onMouseEnter={[Function]}
>
<img
className="img-responsive"
src="/datahub-cube.svg"
width="50"
/>
Code
</a>
</div>
<div
className="collapse navbar-collapse"
id="myNavbar"
>
<ul
className="flex uppercase text-sm pt-10"
>
<li
className="pr-12"
>
<a
href="/about"
>
About
</a>
</li>
<li
className="pr-12"
>
<a
href="/news"
>
News
</a>
</li>
<li
className="pr-12"
>
<a
className="text-orange-500 join-link"
href="/search"
>
Find data
</a>
</li>
<li
className="pr-12"
>
<a
href="/collections"
>
Collections
</a>
</li>
<li
className="pr-12"
>
<a
href="/requests"
>
Requests
</a>
</li>
<li
className="pr-12"
>
<a
href="/docs"
>
Docs
</a>
</li>
<li
className="pr-12"
>
<a
href="/pricing"
>
Pricing
</a>
</li>
<li
className="pr-12"
>
<a
href="/download"
>
Tools
</a>
</li>
<li
className="pr-12"
>
<a
className="chat"
href="https://gitter.im/datahubio/chat"
target="_blank"
>
Chat
</a>
</li>
</ul>
</div>
</nav>
<section
className="jsx-2293288804 flex mt-10 ml-40 justify-center"
</div>
</nav>,
<section
className="flex mt-10 ml-40 justify-center"
>
<div>
<img
src="/banner.png"
width="500"
/>
</div>
<div
className="mx-32"
>
<div
className="jsx-2293288804"
<h1
className="text-4xl font-thin"
>
<img
className="jsx-2293288804"
src="/banner.png"
width="500"
Find, Share and Publish
<br />
Quality Data with
<span
className="text-orange-500"
>
Datahub
</span>
</h1>
<p
className="text-md font-light w-4/5"
>
At Datahub, we have over thousands of datasets for free and a Premium Data Service for additional or customised data with guaranteed updates.
</p>
<form
onSubmit={[Function]}
>
<input
aria-label="Search"
className="bg-white focus:outline-none focus:shadow-outline border border-gray-300 rounded-lg py-2 px-4 block w-full appearance-none leading-normal"
name="q"
onChange={[Function]}
placeholder="Search"
type="text"
/>
</div>
<div
className="jsx-2293288804 mx-32"
>
<h1
className="jsx-2293288804 text-4xl font-thin"
>
Find, Share and Publish
<br
className="jsx-2293288804"
/>
Quality Data with
<span
className="jsx-2293288804 text-orange-500"
>
Datahub
</span>
</h1>
<p
className="jsx-2293288804 text-md font-light w-4/5"
>
At Datahub, we have over thousands of datasets for free and a Premium Data Service for additional or customised data with guaranteed updates.
</p>
<form
action="/search"
className="jsx-2293288804 py-4 flex"
method="GET"
>
<div
className="jsx-2293288804 border-2"
>
<input
className="jsx-2293288804 pr-24 pl-4 py-2"
name="q"
placeholder="Search ..."
required={true}
type="text"
/>
</div>
<div
className="jsx-2293288804 mx-3"
>
<button
className="jsx-2293288804 bg-black text-white rounded-sm px-4 py-3 font-thin"
type="submit"
>
Search Datasets
</button>
</div>
</form>
</div>
</section>
<section
className="jsx-2293288804 flex mt-6"
>
<div
className="jsx-2293288804 bg-gray-100 px-4 flex items-start py-5 mx-3"
>
<div
className="jsx-2293288804 px-5 pt-4"
>
<img
alt="core icon"
className="jsx-2293288804"
src="/core.png"
width="100"
/>
</div>
<div
className="jsx-2293288804"
>
<h2
className="jsx-2293288804 text-2xl font-thin"
>
Core Datasets
</h2>
<p
className="jsx-2293288804 pb-3 sub"
>
Datahub provides important, commonly-used data as high quality, easy-to-use and open data packages.
</p>
<a
className="jsx-2293288804 text-orange-500"
href="#"
onClick={[Function]}
onMouseEnter={[Function]}
>
View Collections
</a>
</div>
</div>
<div
className="jsx-2293288804 bg-gray-100 px-4 flex items-start py-5 mx-3"
>
<div
className="jsx-2293288804 px-5 pt-4"
>
<img
alt="core icon"
className="jsx-2293288804"
src="/request.png"
width="100"
/>
</div>
<div
className="jsx-2293288804"
>
<h2
className="jsx-2293288804 text-2xl font-thin"
>
Request Data
</h2>
<p
className="jsx-2293288804 pb-3 sub"
>
A service to locate and/or prepare data. There is no cost for making a request and all requests are completely confidential.
</p>
<a
className="jsx-2293288804 text-orange-500"
href="#"
onClick={[Function]}
onMouseEnter={[Function]}
>
Request Now
</a>
</div>
</div>
<div
className="jsx-2293288804 bg-gray-100 px-4 flex items-start py-5 mx-3"
>
<div
className="jsx-2293288804 px-5 pt-4"
>
<img
alt="core icon"
className="jsx-2293288804"
src="/earth-globe.png"
width="100"
/>
</div>
<div
className="jsx-2293288804"
>
<h2
className="jsx-2293288804 text-2xl font-thin"
>
Publish Data
</h2>
<p
className="jsx-2293288804 pb-3 sub"
>
Securely share and elegantly put data online with quality checks, versioning, data APIs, notifications & integrations.
</p>
<a
className="jsx-2293288804 text-orange-500"
href="#"
onClick={[Function]}
onMouseEnter={[Function]}
>
Start Publishing
</a>
</div>
</div>
</section>
<section
className="jsx-2293288804 core-datasets mt-20 flex justify-center"
id="core-datasets"
>
<div
className="jsx-2293288804 grid grid-cols-3 grid-rows-2 w-3/6"
>
<div
className="jsx-2293288804 bg-gray-100 px-3 m-1"
>
<div
className="jsx-2293288804 py-2"
>
<h4
className="jsx-2293288804 title font-thin"
>
S&P 500 Companies
</h4>
<p
className="jsx-2293288804 sub mb-4"
>
S&P 500 Companies with Financial Information
</p>
<a
className="jsx-2293288804 text-orange-500 text-base"
href="/core/s-and-p-500-companies"
>
View
</a>
</div>
</div>
<div
className="jsx-2293288804 bg-gray-100 px-3 m-1"
>
<div
className="jsx-2293288804 py-2"
>
<h4
className="jsx-2293288804 title font-thin"
>
Major cities of the world
</h4>
<p
className="jsx-2293288804 sub mb-4"
>
List of all the major cities in the world
</p>
<a
className="jsx-2293288804 text-orange-500 text-base"
href="/core/world-cities"
>
View
</a>
</div>
</div>
<div
className="jsx-2293288804 bg-gray-100 row-span-2 px-3 m-1"
>
<div
className="jsx-2293288804 py-2"
>
<img
className="jsx-2293288804"
src="/co2.png"
width="70"
/>
<h4
className="jsx-2293288804 title font-thin"
>
CO2 PPM
</h4>
<p
className="jsx-2293288804 sub mb-4"
>
CO2 PPM - Trends in Atmospheric Carbon Dioxide
<br
className="jsx-2293288804"
/>
co2-ppm | files 7 | 300kB
</p>
<a
className="jsx-2293288804 text-orange-500 text-base"
href="/core/co2-ppm"
>
View Dataset
</a>
</div>
</div>
<div
className="jsx-2293288804 bg-gray-100 row-span-2 px-3 m-1"
>
<div
className="jsx-2293288804 py-2"
>
<img
className="jsx-2293288804"
src="/worldwide.png"
width="70"
/>
<h4
className="jsx-2293288804 title font-thin"
>
Country List
</h4>
<p
className="jsx-2293288804 sub mb-4"
>
List of all countries with their 2 digit codes (ISO 3166-1)
<br
className="jsx-2293288804"
/>
country-list | files 2 | 27kB
</p>
<a
className="jsx-2293288804 text-orange-500 text-base"
href="/core/country-list"
>
View Dataset
</a>
</div>
</div>
<div
className="jsx-2293288804 bg-gray-100 px-3 m-1"
>
<div
className="jsx-2293288804 py-2"
>
<h4
className="jsx-2293288804 title font-thin"
>
ISO Language Codes
</h4>
<p
className="jsx-2293288804 sub mb-4"
>
ISO Language Codes (639-1 and 693-2) and IETF Language Types
</p>
<a
className="jsx-2293288804 text-orange-500 text-base"
href="/core/language-codes"
>
View
</a>
</div>
</div>
<div
className="jsx-2293288804 bg-gray-100 px-3 m-1"
>
<div
className="jsx-2293288804 py-2"
>
<h4
className="jsx-2293288804 title font-thin"
>
Global Temperature
</h4>
<p
className="jsx-2293288804 sub mb-4"
>
Data are included from the GISS Surface Temperature
</p>
<a
className="jsx-2293288804 text-orange-500 text-base"
href="/core/global-temp"
>
View
</a>
</div>
</div>
</div>
<div
className="jsx-2293288804 ml-10"
>
<h3
className="jsx-2293288804 text-2xl font-thin"
>
Core Datasets, data as youd want to use it
</h3>
<h1
className="jsx-2293288804 text-4xl py-3 font-thin"
>
Quality Data ready to Integrate
</h1>
<ul
className="jsx-2293288804 list-disc mb-10"
>
<li
className="jsx-2293288804 py-3"
>
High quality data ready to inspect, download and use.
<a
className="jsx-2293288804 text-orange-500"
href="/docs/core-data"
>
Read more
</a>
</li>
<li
className="jsx-2293288804 py-3"
>
Bulk and API access ready for automated integration with SDKs in Python, JS and many more.
<a
className="jsx-2293288804 text-orange-500"
href="/docs/getting-started/getting-data"
>
Read more
</a>
</li>
<li
className="jsx-2293288804 py-3"
>
Send a request if you need a help to find some good, quality dataset.
</li>
</ul>
<a
className="jsx-2293288804 bg-black text-white px-5 py-4 rounded-sm"
href="/core"
>
Discover Datasets
</a>
</div>
</section>
</main>
</div>
</form>
</div>
</section>,
]
`;

View File

@ -2,11 +2,11 @@ import Link from 'next/link'
export default function Org({ org }) {
return (
<organization>
<>
<img src={org.image_url} className="h-5 w-5 mr-2 inline-block" />
<Link href={`/@${org.name}`}>
<a className="font-semibold text-primary underline">{ org.title || org.name }</a>
</Link>
</organization>
</>
)
}