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

fix: change class name behaviour to limit snapshot diffs

Browse Source 
Signed-off-by: Sebastian Malton <sebastian@malton.name>
This commit is contained in:
Sebastian Malton committed 2023-04-18 08:16:20 -04:00
1 parent fef789bd49
commit bfb2b8e659
4 files changed
+16 -16
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/core/src/renderer/components/status-bar/__snapshots__/status-bar.test.tsx.snap
+9 -9
View File
@@ -838,7 +838,7 @@ exports[`<StatusBar /> when an extension is enabled specifying the side the elem
</div>
</div>
<div
class="StatusBar status-default"
class="StatusBar"
data-testid="status-bar"
>
<div
@@ -1166,7 +1166,7 @@ exports[`<StatusBar /> when an extension is enabled with an invalid data type, (
</div>
</div>
<div
class="StatusBar status-default"
class="StatusBar"
data-testid="status-bar"
>
<div
@@ -1452,7 +1452,7 @@ exports[`<StatusBar /> when an extension is enabled with an invalid data type, (
</div>
</div>
<div
class="StatusBar status-default"
class="StatusBar"
data-testid="status-bar"
>
<div
@@ -1738,7 +1738,7 @@ exports[`<StatusBar /> when an extension is enabled with an invalid data type, (
</div>
</div>
<div
class="StatusBar status-default"
class="StatusBar"
data-testid="status-bar"
>
<div
@@ -2024,7 +2024,7 @@ exports[`<StatusBar /> when an extension is enabled with an invalid data type, (
</div>
</div>
<div
class="StatusBar status-default"
class="StatusBar"
data-testid="status-bar"
>
<div
@@ -2310,7 +2310,7 @@ exports[`<StatusBar /> when an extension is enabled with an invalid data type, (
</div>
</div>
<div
class="StatusBar status-default"
class="StatusBar"
data-testid="status-bar"
>
<div
@@ -2596,7 +2596,7 @@ exports[`<StatusBar /> when an extension is enabled with an invalid data type, (
</div>
</div>
<div
class="StatusBar status-default"
class="StatusBar"
data-testid="status-bar"
>
<div
@@ -2882,7 +2882,7 @@ exports[`<StatusBar /> when an extension is enabled with an invalid data type, (
</div>
</div>
<div
class="StatusBar status-default"
class="StatusBar"
data-testid="status-bar"
>
<div
@@ -3168,7 +3168,7 @@ exports[`<StatusBar /> when an extension is enabled with no status items renders
</div>
</div>
<div
class="StatusBar status-default"
class="StatusBar"
data-testid="status-bar"
>
<div
packages/core/src/renderer/components/status-bar/status-bar.module.scss
+1 -4
View File
@@ -13,10 +13,7 @@
display: inline-grid;
grid-template-columns: 1fr 1fr;
&.status-default {
background-color: var(--colorInfo);
}
background-color: var(--colorInfo);
&.status-warning {
background-color: var(--colorWarning);
packages/core/src/renderer/components/status-bar/status-bar.test.tsx
+1 -2
View File
@@ -4,7 +4,6 @@
*/
import React from "react";
import "@testing-library/jest-dom/extend-expect";
import type { ApplicationBuilder } from "../test-utils/get-application-builder";
import { getApplicationBuilder } from "../test-utils/get-application-builder";
import setStatusBarStatusInjectable from "./set-status-bar-status.injectable";
@@ -155,7 +154,7 @@ describe("<StatusBar />", () => {
});
it("has the default status by default", () => {
expect([...result.getByTestId("status-bar").classList]).toContain("status-default");
expect([...result.getByTestId("status-bar").classList]).toEqual(["StatusBar"]);
});
describe.each([
packages/core/src/renderer/components/status-bar/status-bar.tsx
+5 -1
View File
@@ -27,9 +27,13 @@ const NonInjectedStatusBar = observer(({
status,
}: Dependencies & StatusBarProps) => {
const { left, right } = items.get();
const barStatus = status.get();
const barStyle = barStatus === "default"
? undefined
: styles[`status-${barStatus}`];
return (
<div className={cssNames(styles.StatusBar, styles[`status-${status.get()}`])} data-testid="status-bar">
<div className={cssNames(styles.StatusBar, barStyle)} data-testid="status-bar">
<div className={styles.leftSide} data-testid="status-bar-left">
{left.map((Item, index) => (
<div