dyomedea/src/components/map/TiledLayer.test.tsx

43 lines
1003 B
TypeScript
Raw Normal View History

2022-10-17 15:15:24 +00:00
import { render, screen } from '@testing-library/react';
import TiledLayer from './TiledLayer';
describe('The TiledLayer component ', () => {
test('', () => {
// const tiledLayer = renderer.create(
// <TiledLayer
// keyObject={{ provider: 'osm', zoomLevel: 10, x: 5, y: 8 }}
// viewPort={{ topLeft: { x: 1, y: 2 }, bottomRight: { x: 3, y: 2 } }}
// />
// );
// const tree = tiledLayer.toJSON();
// console.log(JSON.stringify(tree));
const { baseElement } = render(
<svg>
<TiledLayer
keyObject={{ provider: 'osm', zoomLevel: 10, x: 5, y: 8 }}
viewPort={{ topLeft: { x: 1, y: 2 }, bottomRight: { x: 3, y: 2 } }}
/>
</svg>
);
screen.debug();
expect(baseElement).toMatchInlineSnapshot(`
<body>
<div>
<svg>
<g
id="tile/osm/10/7/6"
/>
<g
id="tile/osm/10/7/7"
/>
<g
id="tile/osm/10/7/8"
/>
</svg>
</div>
</body>
`);
});
});