[dataset-single][m]: Remove test for components since we are using portaljs
This commit is contained in:
@@ -1,31 +0,0 @@
|
|||||||
import React, { useState, useEffect } from 'react';
|
|
||||||
import createPlotlyComponent from "react-plotly.js/factory";
|
|
||||||
|
|
||||||
let Plot;
|
|
||||||
|
|
||||||
const Chart = (props) => {
|
|
||||||
const [plotCreated, setPlotCreated] = useState(0) //0: false, 1: true
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
import(`plotly.js-basic-dist`).then(Plotly => { //import Plotly dist when Page has been generated
|
|
||||||
Plot = createPlotlyComponent(Plotly);
|
|
||||||
setPlotCreated(1)
|
|
||||||
});
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
if (!plotCreated) {
|
|
||||||
return (<div>Loading...</div>)
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div data-testid="plotlyChart">
|
|
||||||
<Plot {...props.spec}
|
|
||||||
layout={{ autosize: true }}
|
|
||||||
style={{ width: "100%", height: "100%" }}
|
|
||||||
useResizeHandler={true}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
export default Chart
|
|
||||||
@@ -1,28 +0,0 @@
|
|||||||
/* eslint-disable max-len */
|
|
||||||
import React from 'react';
|
|
||||||
import { DataGrid } from '@material-ui/data-grid';
|
|
||||||
/*
|
|
||||||
* @param schema: Frictionless Table Schmea
|
|
||||||
* @param data: an array of data objects e.g. [ {a: 1, b: 2}, {a: 5, b: 7} ]
|
|
||||||
*/
|
|
||||||
const Table = ({ schema, data }) => {
|
|
||||||
const columns = schema.fields.map((field) => (
|
|
||||||
{
|
|
||||||
field: field.title || field.name,
|
|
||||||
headerName: field.name,
|
|
||||||
width: 300
|
|
||||||
}
|
|
||||||
))
|
|
||||||
data = data.map((item, index)=>{
|
|
||||||
item.id = index //Datagrid requires every row to have an ID
|
|
||||||
return item
|
|
||||||
})
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div data-testid="tableGrid" style={{ height: 400, width: '100%' }}>
|
|
||||||
<DataGrid rows={data} columns={columns} pageSize={5} />
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export default Table
|
|
||||||
@@ -1,26 +0,0 @@
|
|||||||
import React from 'react'
|
|
||||||
import {render } from '@testing-library/react';
|
|
||||||
import path from 'path'
|
|
||||||
import Chart from '../../components/Chart';
|
|
||||||
import { getDataset } from "../../lib/dataset"
|
|
||||||
import { addView } from '../../lib/utils'
|
|
||||||
|
|
||||||
|
|
||||||
let dataset
|
|
||||||
let datasetWithView
|
|
||||||
|
|
||||||
beforeAll(async () => {
|
|
||||||
const datasetsDirectory = path.join(process.cwd(), 'fixtures', 'datasetsPlotlyView')
|
|
||||||
dataset = await getDataset(datasetsDirectory)
|
|
||||||
datasetWithView = addView(dataset)
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
/** @test {Chart Component} */
|
|
||||||
describe('Chart Component', () => {
|
|
||||||
it('should render without crashing', async () => {
|
|
||||||
const spec = JSON.parse(datasetWithView.props.specs)[0]
|
|
||||||
const { findByTestId } = render(<Chart spec={spec} />)
|
|
||||||
expect(await findByTestId("plotlyChart"))
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,27 +0,0 @@
|
|||||||
import React from 'react'
|
|
||||||
import { render } from '@testing-library/react';
|
|
||||||
import path from 'path'
|
|
||||||
import Table from '../../components/Table';
|
|
||||||
import { getDataset } from "../../lib/dataset"
|
|
||||||
|
|
||||||
|
|
||||||
let dataset
|
|
||||||
|
|
||||||
beforeAll(async () => {
|
|
||||||
const datasetsDirectory = path.join(process.cwd(), 'fixtures', 'datasetsPlotlyView')
|
|
||||||
dataset = await getDataset(datasetsDirectory)
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
/** @test {Table Component} */
|
|
||||||
describe('Table Component', () => {
|
|
||||||
it('should render without crashing', async () => {
|
|
||||||
const resource = dataset.resources[0]
|
|
||||||
render(<Table data={resource.sample} schema={resource.schema} />)
|
|
||||||
});
|
|
||||||
it('tableGrid div is found', async () => {
|
|
||||||
const resource = dataset.resources[0]
|
|
||||||
const { findByTestId } = render(<Table data={resource.sample} schema={resource.schema} />)
|
|
||||||
expect(await findByTestId('tableGrid'))
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,39 +0,0 @@
|
|||||||
import React from 'react'
|
|
||||||
import { render } from '@testing-library/react';
|
|
||||||
import path from 'path'
|
|
||||||
import Home from '../../pages/index';
|
|
||||||
import { getDataset } from "../../lib/dataset"
|
|
||||||
import { addView } from '../../lib/utils'
|
|
||||||
|
|
||||||
|
|
||||||
let plotlyDatasetWithView
|
|
||||||
|
|
||||||
beforeAll(async () => {
|
|
||||||
const plotlyDatasetsDirectory = path.join(process.cwd(), 'fixtures', 'datasetsPlotlyView')
|
|
||||||
|
|
||||||
const plotlyDataset = await getDataset(plotlyDatasetsDirectory)
|
|
||||||
plotlyDatasetWithView = addView(plotlyDataset)
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
/** @test {Home Component} */
|
|
||||||
describe('Home Component', () => {
|
|
||||||
it('should render without crashing', async () => {
|
|
||||||
const dataset = plotlyDatasetWithView.props.dataset
|
|
||||||
const specs = plotlyDatasetWithView.props.specs
|
|
||||||
const { findAllByText } = render(<Home dataset={dataset} specs={specs} />)
|
|
||||||
expect(await findAllByText('README'))
|
|
||||||
|
|
||||||
});
|
|
||||||
it('Sections are found in home page', async () => {
|
|
||||||
const dataset = plotlyDatasetWithView.props.dataset
|
|
||||||
const specs = plotlyDatasetWithView.props.specs
|
|
||||||
const { findByTestId, findAllByText } = render(<Home dataset={dataset} specs={specs} />)
|
|
||||||
expect(await findAllByText('Key info'))
|
|
||||||
expect(await findAllByText('Data Files'))
|
|
||||||
expect(await findAllByText('Graph'))
|
|
||||||
expect(await findAllByText('Data Preview'))
|
|
||||||
expect(await findByTestId('datasetTitle'))
|
|
||||||
|
|
||||||
});
|
|
||||||
});
|
|
||||||
Reference in New Issue
Block a user