tiennm99/github-readme-stats
1
0
Fork 0
mirror of https://github.com/tiennm99/github-readme-stats.git synced 2026-09-03 04:18:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(layout): improve flexLayout & fixed layout overlaps (#1314)

Browse Source 
* feat(layout): improve flexLayout & fixed layout overlaps

* chore: fix vercel build
This commit is contained in:
Anurag Hazra
2021-09-18 22:39:28 +05:30
committed by GitHub
parent 4dbb9e93b9
commit 97690e173d
6 changed files with 148 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/flexLayout.test.js
+46
View File
@@ -0,0 +1,46 @@
const { flexLayout } = require("../src/common/utils");
describe("flexLayout", () => {
it("should work with row & col layouts", () => {
const layout = flexLayout({
items: ["<text>1</text>", "<text>2</text>"],
gap: 60,
});
expect(layout).toStrictEqual([
`<g transform="translate(0, 0)"><text>1</text></g>`,
`<g transform="translate(60, 0)"><text>2</text></g>`,
]);
const columns = flexLayout({
items: ["<text>1</text>", "<text>2</text>"],
gap: 60,
direction: "column",
});
expect(columns).toStrictEqual([
`<g transform="translate(0, 0)"><text>1</text></g>`,
`<g transform="translate(0, 60)"><text>2</text></g>`,
]);
});
it("should work with sizes", () => {
const layout = flexLayout({
items: [
"<text>1</text>",
"<text>2</text>",
"<text>3</text>",
"<text>4</text>",
],
gap: 20,
sizes: [200, 100, 55, 25],
});
expect(layout).toStrictEqual([
`<g transform="translate(0, 0)"><text>1</text></g>`,
`<g transform="translate(220, 0)"><text>2</text></g>`,
`<g transform="translate(340, 0)"><text>3</text></g>`,
`<g transform="translate(415, 0)"><text>4</text></g>`,
]);
});
});