mirror of
https://github.com/pezkuwichain/pezkuwi-ui.git
synced 2026-04-22 03:17:58 +00:00
Jaco Greeff
7251b1f763
* Cleanup shared, consistency with standards * Re-add item * Cleanup webpack demos
30 lines
2.4 KiB
TypeScript
30 lines
2.4 KiB
TypeScript
// Copyright 2017-2020 @polkadot/ui-shared authors & contributors
|
|
// This software may be modified and distributed under the terms
|
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
|
|
|
import xmlserializer from 'xmlserializer';
|
|
|
|
import generate from '.';
|
|
|
|
describe('identicon', (): void => {
|
|
it('generates a basic [0,..,0] identicon', (): void => {
|
|
expect(
|
|
xmlserializer.serializeToString(
|
|
generate(new Uint8Array(32), { isAlternative: false, size: 256 })
|
|
)
|
|
).toEqual(
|
|
'<div xmlns="http://www.w3.org/1999/xhtml" class="" style="background: white; border-radius: 128px; display: inline-block; height: 256px; margin: 0px; overflow: hidden; padding: 0px; width: 256px;"><div class="" style="background: rgb(20, 20, 20); border-radius: 128px; display: inline-block; height: 256px; margin: 0px; overflow: hidden; padding: 0px; width: 256px;"><svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="256" height="256"><circle cx="128" cy="140.8" r="128" fill="hsl(212.10000000000002, 65.6%, 55.5%)"/><circle cx="128" cy="153.6" r="102.4" fill="hsl(9.800000000000011, 90.7%, 57.6%)"/><circle cx="128" cy="166.4" r="76.8" fill="hsl(345, 85.7%, 86.3%)"/><circle cx="128" cy="179.2" r="51.2" fill="hsl(261.9, 100%, 87.3%)"/><circle cx="128" cy="192" r="25.6" fill="hsl(345, 100%, 25.1%)"/></svg></div></div>'
|
|
);
|
|
});
|
|
|
|
it('allows overrides', (): void => {
|
|
expect(
|
|
xmlserializer.serializeToString(
|
|
generate(new Uint8Array(32), { isAlternative: false, size: 100 }, 'testClass', { display: 'block' })
|
|
)
|
|
).toEqual(
|
|
'<div xmlns="http://www.w3.org/1999/xhtml" class="testClass" style="background: white; border-radius: 50px; display: block; height: 100px; margin: 0px; overflow: hidden; padding: 0px; width: 100px;"><div class="" style="background: rgb(20, 20, 20); border-radius: 50px; display: inline-block; height: 100px; margin: 0px; overflow: hidden; padding: 0px; width: 100px;"><svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="100" height="100"><circle cx="50" cy="55" r="50" fill="hsl(212.10000000000002, 65.6%, 55.5%)"/><circle cx="50" cy="60" r="40" fill="hsl(9.800000000000011, 90.7%, 57.6%)"/><circle cx="50" cy="65" r="30" fill="hsl(345, 85.7%, 86.3%)"/><circle cx="50" cy="70" r="20" fill="hsl(261.9, 100%, 87.3%)"/><circle cx="50" cy="75" r="10" fill="hsl(345, 100%, 25.1%)"/></svg></div></div>'
|
|
);
|
|
});
|
|
});
|