Add data-cy to content loader; move simulatioWorker to /util directory.

This commit is contained in:
Kia Lam 2022-03-09 07:36:04 -08:00
parent e4f0153a7d
commit 23f6fae27a
2 changed files with 1 additions and 36 deletions

View File

@ -24,7 +24,7 @@ const TopologyIcon = styled(PFTopologyIcon)`
`;
const ContentLoading = ({ className, progress }) => (
<EmptyState variant="full" className={className}>
<EmptyState variant="full" className={className} data-cy={className}>
<TopologyIcon />
<Progress
value={progress}

View File

@ -1,35 +0,0 @@
import * as d3 from 'd3';
import { MESH_FORCE_LAYOUT } from '../../constants';
onmessage = function calculateLayout({ data: { nodes, links } }) {
const simulation = d3
.forceSimulation(nodes)
.force(
'charge',
d3
.forceManyBody(MESH_FORCE_LAYOUT.defaultForceBody)
.strength(MESH_FORCE_LAYOUT.defaultForceStrength)
)
.force(
'link',
d3.forceLink(links).id((d) => d.hostname)
)
.force('collide', d3.forceCollide(MESH_FORCE_LAYOUT.defaultCollisionFactor))
.force('forceX', d3.forceX(MESH_FORCE_LAYOUT.defaultForceX))
.force('forceY', d3.forceY(MESH_FORCE_LAYOUT.defaultForceY))
.stop();
for (
let i = 0,
n = Math.ceil(
Math.log(simulation.alphaMin()) / Math.log(1 - simulation.alphaDecay())
);
i < n;
++i
) {
postMessage({ type: 'tick', progress: i / n });
simulation.tick();
}
postMessage({ type: 'end', nodes, links });
};