Fix geov-entity for embedding in website

[joschne]

Problem 1: Download RDF Button icons Icons do not appear:

Solution 1 use "icon" attribute in ion-icon.

Problem 2 Class Label is rendered twice.

The problem seems to be caused by inproper hydration:

The string "Person" (rendered on server side) is not removed / attatched to the slot. It is unclear why.

Solution 2

Add two tests for component geov-entity-class-label that reproduce the problem.

Test 1: (as in geov-entity-download-rdf.spec.tsx lines 62ff.)

Render the geov-entity-class-label server side

Test 2: (as in geov-entity-download-rdf.spec.tsx lines 123ff.)

• Use the output of test 1 as input of test 2.
• Test the hydration and hopefully reproduce the bug

Then figure out a solution. Maybe it is enough to wrap the content of the component in a div.

[perrauda]

Update: Tests of geov-entity-class-label are passed (no bug), so I'll create two news tests in geov-entity.

[joschne]

issue is resolved by this commit.

Changing <p> to <div> resolved the issue.