hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Linter fixes

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2023-03-28 10:36:11 +03:00
parent 0094d4bcfa
commit cc193ae30c
2 changed files with 34 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
packages/core/src/renderer/components/+helm-charts/__tests__/icon.test.tsx
View File

@ -1,56 +1,64 @@
import React from 'react';
import { render, screen } from '@testing-library/react';
import { HelmChartIcon } from '../icon';
/**
* Copyright (c) OpenLens Authors. All rights reserved.
* Licensed under MIT License. See LICENSE in root directory for more information.
*/
import React from "react";
import { render, screen } from "@testing-library/react";
import { HelmChartIcon } from "../icon";
const mainImageSrc = 'https://example.com/main-picture.jpg';
const mainPngImageSrc = 'https://example.com/main-picture.png';
const invalidImageSrc = 'file://invalid-image-url.png';
const svgImageSrc = 'https://example.com/main-picture.svg';
const mainImageSrc = "https://example.com/main-picture.jpg";
const mainPngImageSrc = "https://example.com/main-picture.png";
const invalidImageSrc = "file://invalid-image-url.png";
const svgImageSrc = "https://example.com/main-picture.svg";
describe('HelmChartIcon', () => {
it('renders the placeholder image by default', () => {
describe("HelmChartIcon", () => {
it("renders the placeholder image by default", () => {
render(<HelmChartIcon />);
const imageContainer = screen.getByTestId('image-container');
const imageContainer = screen.getByTestId("image-container");
expect(imageContainer.style.backgroundImage).toContain("data:image/svg+xml");
});
it("renders img tag when image url is valid", () => {
render(<HelmChartIcon imageUrl={mainImageSrc} />);
const mainImage = screen.getByRole<HTMLImageElement>('img');
const mainImage = screen.getByRole<HTMLImageElement>("img");
expect(mainImage).toBeInTheDocument();
});
it("renders jpg image when its loaded", () => {
render(<HelmChartIcon imageUrl={mainImageSrc} />);
const imageContainer = screen.getByTestId('image-container');
const mainImage = screen.getByRole<HTMLImageElement>('img');
const imageContainer = screen.getByTestId("image-container");
const mainImage = screen.getByRole<HTMLImageElement>("img");
mainImage.dispatchEvent(new Event('load'));
expect(imageContainer.style.backgroundImage).toBe('url(https://example.com/main-picture.jpg)');
})
mainImage.dispatchEvent(new Event("load"));
expect(imageContainer.style.backgroundImage).toBe("url(https://example.com/main-picture.jpg)");
});
it("renders png image when its loaded", () => {
render(<HelmChartIcon imageUrl={mainPngImageSrc} />);
const imageContainer = screen.getByTestId('image-container');
const mainImage = screen.getByRole<HTMLImageElement>('img');
const imageContainer = screen.getByTestId("image-container");
const mainImage = screen.getByRole<HTMLImageElement>("img");
mainImage.dispatchEvent(new Event('load'));
expect(imageContainer.style.backgroundImage).toBe('url(https://example.com/main-picture.png)');
})
mainImage.dispatchEvent(new Event("load"));
expect(imageContainer.style.backgroundImage).toBe("url(https://example.com/main-picture.png)");
});
it("does not render invalid image url", () => {
render(<HelmChartIcon imageUrl={invalidImageSrc} />);
const mainImage = screen.queryByRole<HTMLImageElement>('img');
const mainImage = screen.queryByRole<HTMLImageElement>("img");
expect(mainImage).not.toBeInTheDocument();
})
});
it("does not render svg image", () => {
render(<HelmChartIcon imageUrl={svgImageSrc} />);
const mainImage = screen.queryByRole<HTMLImageElement>('img');
const mainImage = screen.queryByRole<HTMLImageElement>("img");
expect(mainImage).not.toBeInTheDocument();
})
});
});

2
packages/core/src/renderer/components/+helm-charts/icon.tsx
View File

File diff suppressed because one or more lines are too long