|
1 | 1 | require("@testing-library/jest-dom");
|
2 | 2 | const cssToObject = require("css-to-object");
|
3 |
| -const renderTopLanguages = require("../src/renderTopLanguages"); |
| 3 | +const renderTopLanguages = require("../src/cards/top-languages-card"); |
4 | 4 |
|
5 |
| -const { |
6 |
| - getByTestId, |
7 |
| - queryByTestId, |
8 |
| - queryAllByTestId, |
9 |
| -} = require("@testing-library/dom"); |
| 5 | +const { queryByTestId, queryAllByTestId } = require("@testing-library/dom"); |
10 | 6 | const themes = require("../themes");
|
11 | 7 |
|
12 | 8 | describe("Test renderTopLanguages", () => {
|
@@ -72,7 +68,7 @@ describe("Test renderTopLanguages", () => {
|
72 | 68 |
|
73 | 69 | // multiple languages passed
|
74 | 70 | document.body.innerHTML = renderTopLanguages(langs, {
|
75 |
| - hide: ["HTML","css"], |
| 71 | + hide: ["HTML", "css"], |
76 | 72 | });
|
77 | 73 | expect(queryAllByTestId(document.body, "lang-name")[0]).toBeInTheDocument(
|
78 | 74 | "javascript"
|
@@ -189,18 +185,35 @@ describe("Test renderTopLanguages", () => {
|
189 | 185 | });
|
190 | 186 | });
|
191 | 187 |
|
192 |
| - it('should render with layout compact', () => { |
193 |
| - document.body.innerHTML = renderTopLanguages(langs, {layout: 'compact'}); |
| 188 | + it("should render with layout compact", () => { |
| 189 | + document.body.innerHTML = renderTopLanguages(langs, { layout: "compact" }); |
194 | 190 |
|
195 |
| - expect(queryByTestId(document.body, "header")).toHaveTextContent("Most Used Languages"); |
| 191 | + expect(queryByTestId(document.body, "header")).toHaveTextContent( |
| 192 | + "Most Used Languages" |
| 193 | + ); |
196 | 194 |
|
197 |
| - expect(queryAllByTestId(document.body, "lang-name")[0]).toHaveTextContent("HTML 40.00%"); |
198 |
| - expect(queryAllByTestId(document.body, "lang-progress")[0]).toHaveAttribute("width","120.00"); |
| 195 | + expect(queryAllByTestId(document.body, "lang-name")[0]).toHaveTextContent( |
| 196 | + "HTML 40.00%" |
| 197 | + ); |
| 198 | + expect(queryAllByTestId(document.body, "lang-progress")[0]).toHaveAttribute( |
| 199 | + "width", |
| 200 | + "120.00" |
| 201 | + ); |
199 | 202 |
|
200 |
| - expect(queryAllByTestId(document.body, "lang-name")[1]).toHaveTextContent("javascript 40.00%"); |
201 |
| - expect(queryAllByTestId(document.body, "lang-progress")[1]).toHaveAttribute("width","120.00"); |
| 203 | + expect(queryAllByTestId(document.body, "lang-name")[1]).toHaveTextContent( |
| 204 | + "javascript 40.00%" |
| 205 | + ); |
| 206 | + expect(queryAllByTestId(document.body, "lang-progress")[1]).toHaveAttribute( |
| 207 | + "width", |
| 208 | + "120.00" |
| 209 | + ); |
202 | 210 |
|
203 |
| - expect(queryAllByTestId(document.body, "lang-name")[2]).toHaveTextContent("css 20.00%"); |
204 |
| - expect(queryAllByTestId(document.body, "lang-progress")[2]).toHaveAttribute("width","60.00"); |
205 |
| - }) |
| 211 | + expect(queryAllByTestId(document.body, "lang-name")[2]).toHaveTextContent( |
| 212 | + "css 20.00%" |
| 213 | + ); |
| 214 | + expect(queryAllByTestId(document.body, "lang-progress")[2]).toHaveAttribute( |
| 215 | + "width", |
| 216 | + "60.00" |
| 217 | + ); |
| 218 | + }); |
206 | 219 | });
|
0 commit comments