Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions src/vscode-bicep-ui/apps/deploy-pane/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -20,14 +20,14 @@
"@types/react": "^19.2.14",
"@types/react-dom": "^19.2.3",
"@vitejs/plugin-react": "^5.1.4",
"@vitest/coverage-v8": "^3.2.4",
"@vitest/coverage-v8": "^3.2.6",
"@vscode-elements/webview-playground": "^1.8.0",
"element-internals-polyfill": "^3.0.2",
"happy-dom": "^20.8.9",
"typescript": "^5.7.3",
"vite": "^7.3.2",
"vite-plugin-ejs": "^1.7.0",
"vitest": "^3.2.4"
"vitest": "^3.2.6"
},
"dependencies": {
"@azure/arm-resources": "^5.2.0",
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
import type { VscodeMessage } from "../messages";

import { act, fireEvent, render, screen, waitFor } from "@testing-library/react";
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
import { afterEach, beforeEach, describe, it, vi } from "vitest";
import { App } from "../components/App";
import {
createDeploymentDataMessage,
Expand Down
Original file line number Diff line number Diff line change
@@ -1,18 +1,6 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html

exports[`App > handles synchronous deployment failures correctly 1`] = `
.c0.c0.c0 {
width: 13px;
height: 13px;
font-size: 13px;
}

.c1.c1.c1 {
width: 12px;
height: 12px;
font-size: 12px;
}

<div>
<main
id="webview-body"
Expand All @@ -28,7 +16,7 @@ exports[`App > handles synchronous deployment failures correctly 1`] = `
>
<div
aria-hidden="true"
class="c0 codicon codicon-chevron-up"
class="sc-gtstET oWqvI codicon codicon-chevron-up"
data-testid="chevron-up-codicon"
/>
<h3>
Expand Down Expand Up @@ -106,7 +94,7 @@ exports[`App > handles synchronous deployment failures correctly 1`] = `
>
<div
aria-hidden="true"
class="c0 codicon codicon-chevron-up"
class="sc-gtstET oWqvI codicon codicon-chevron-up"
data-testid="chevron-up-codicon"
/>
<h3>
Expand Down Expand Up @@ -149,7 +137,7 @@ exports[`App > handles synchronous deployment failures correctly 1`] = `
>
<div
aria-hidden="true"
class="c0 codicon codicon-chevron-up"
class="sc-gtstET oWqvI codicon codicon-chevron-up"
data-testid="chevron-up-codicon"
/>
<h3>
Expand Down Expand Up @@ -197,7 +185,7 @@ exports[`App > handles synchronous deployment failures correctly 1`] = `
>
<div
aria-hidden="true"
class="c0 codicon codicon-chevron-up"
class="sc-gtstET oWqvI codicon codicon-chevron-up"
data-testid="chevron-up-codicon"
/>
<h3>
Expand Down Expand Up @@ -236,7 +224,7 @@ exports[`App > handles synchronous deployment failures correctly 1`] = `

<div
aria-hidden="true"
class="c1 codicon codicon-globe"
class="sc-gtstET cuZuRR codicon codicon-globe"
data-testid="globe-codicon"
/>
</a>
Expand Down Expand Up @@ -298,12 +286,6 @@ exports[`App > handles synchronous deployment failures correctly 1`] = `
`;

exports[`App > renders the App component with deployment state 1`] = `
.c0.c0.c0 {
width: 13px;
height: 13px;
font-size: 13px;
}

<div>
<main
id="webview-body"
Expand All @@ -319,7 +301,7 @@ exports[`App > renders the App component with deployment state 1`] = `
>
<div
aria-hidden="true"
class="c0 codicon codicon-chevron-up"
class="sc-gtstET oWqvI codicon codicon-chevron-up"
data-testid="chevron-up-codicon"
/>
<h3>
Expand Down Expand Up @@ -397,7 +379,7 @@ exports[`App > renders the App component with deployment state 1`] = `
>
<div
aria-hidden="true"
class="c0 codicon codicon-chevron-up"
class="sc-gtstET oWqvI codicon codicon-chevron-up"
data-testid="chevron-up-codicon"
/>
<h3>
Expand Down Expand Up @@ -440,7 +422,7 @@ exports[`App > renders the App component with deployment state 1`] = `
>
<div
aria-hidden="true"
class="c0 codicon codicon-chevron-up"
class="sc-gtstET oWqvI codicon codicon-chevron-up"
data-testid="chevron-up-codicon"
/>
<h3>
Expand Down Expand Up @@ -488,18 +470,6 @@ exports[`App > renders the loading spinner before initialization 1`] = `
`;

exports[`App > runs a deployment 1`] = `
.c0.c0.c0 {
width: 13px;
height: 13px;
font-size: 13px;
}

.c1.c1.c1 {
width: 12px;
height: 12px;
font-size: 12px;
}

<div>
<main
id="webview-body"
Expand All @@ -515,7 +485,7 @@ exports[`App > runs a deployment 1`] = `
>
<div
aria-hidden="true"
class="c0 codicon codicon-chevron-up"
class="sc-gtstET oWqvI codicon codicon-chevron-up"
data-testid="chevron-up-codicon"
/>
<h3>
Expand Down Expand Up @@ -593,7 +563,7 @@ exports[`App > runs a deployment 1`] = `
>
<div
aria-hidden="true"
class="c0 codicon codicon-chevron-up"
class="sc-gtstET oWqvI codicon codicon-chevron-up"
data-testid="chevron-up-codicon"
/>
<h3>
Expand Down Expand Up @@ -636,7 +606,7 @@ exports[`App > runs a deployment 1`] = `
>
<div
aria-hidden="true"
class="c0 codicon codicon-chevron-up"
class="sc-gtstET oWqvI codicon codicon-chevron-up"
data-testid="chevron-up-codicon"
/>
<h3>
Expand Down Expand Up @@ -684,7 +654,7 @@ exports[`App > runs a deployment 1`] = `
>
<div
aria-hidden="true"
class="c0 codicon codicon-chevron-up"
class="sc-gtstET oWqvI codicon codicon-chevron-up"
data-testid="chevron-up-codicon"
/>
<h3>
Expand Down Expand Up @@ -723,7 +693,7 @@ exports[`App > runs a deployment 1`] = `

<div
aria-hidden="true"
class="c1 codicon codicon-globe"
class="sc-gtstET cuZuRR codicon codicon-globe"
data-testid="globe-codicon"
/>
</a>
Expand Down Expand Up @@ -763,7 +733,7 @@ exports[`App > runs a deployment 1`] = `
>
<div
aria-hidden="true"
class="c0 codicon codicon-chevron-up"
class="sc-gtstET oWqvI codicon codicon-chevron-up"
data-testid="chevron-up-codicon"
/>
<h3>
Expand Down Expand Up @@ -823,7 +793,7 @@ exports[`App > runs a deployment 1`] = `

<div
aria-hidden="true"
class="c1 codicon codicon-globe"
class="sc-gtstET cuZuRR codicon codicon-globe"
data-testid="globe-codicon"
/>
</a>
Expand Down Expand Up @@ -866,7 +836,7 @@ exports[`App > runs a deployment 1`] = `
>
<div
aria-hidden="true"
class="c0 codicon codicon-chevron-up"
class="sc-gtstET oWqvI codicon codicon-chevron-up"
data-testid="chevron-up-codicon"
/>
<h3>
Expand Down Expand Up @@ -923,12 +893,6 @@ exports[`App > runs a deployment 1`] = `
`;

exports[`App > supports the scope picker 1`] = `
.c0.c0.c0 {
width: 13px;
height: 13px;
font-size: 13px;
}

<div>
<main
id="webview-body"
Expand All @@ -944,7 +908,7 @@ exports[`App > supports the scope picker 1`] = `
>
<div
aria-hidden="true"
class="c0 codicon codicon-chevron-up"
class="sc-gtstET oWqvI codicon codicon-chevron-up"
data-testid="chevron-up-codicon"
/>
<h3>
Expand Down Expand Up @@ -1022,7 +986,7 @@ exports[`App > supports the scope picker 1`] = `
>
<div
aria-hidden="true"
class="c0 codicon codicon-chevron-up"
class="sc-gtstET oWqvI codicon codicon-chevron-up"
data-testid="chevron-up-codicon"
/>
<h3>
Expand Down Expand Up @@ -1065,7 +1029,7 @@ exports[`App > supports the scope picker 1`] = `
>
<div
aria-hidden="true"
class="c0 codicon codicon-chevron-up"
class="sc-gtstET oWqvI codicon codicon-chevron-up"
data-testid="chevron-up-codicon"
/>
<h3>
Expand Down Expand Up @@ -1107,12 +1071,6 @@ exports[`App > supports the scope picker 1`] = `
`;

exports[`App > validates a deployment 1`] = `
.c0.c0.c0 {
width: 13px;
height: 13px;
font-size: 13px;
}

<div>
<main
id="webview-body"
Expand All @@ -1128,7 +1086,7 @@ exports[`App > validates a deployment 1`] = `
>
<div
aria-hidden="true"
class="c0 codicon codicon-chevron-up"
class="sc-gtstET oWqvI codicon codicon-chevron-up"
data-testid="chevron-up-codicon"
/>
<h3>
Expand Down Expand Up @@ -1206,7 +1164,7 @@ exports[`App > validates a deployment 1`] = `
>
<div
aria-hidden="true"
class="c0 codicon codicon-chevron-up"
class="sc-gtstET oWqvI codicon codicon-chevron-up"
data-testid="chevron-up-codicon"
/>
<h3>
Expand Down Expand Up @@ -1249,7 +1207,7 @@ exports[`App > validates a deployment 1`] = `
>
<div
aria-hidden="true"
class="c0 codicon codicon-chevron-up"
class="sc-gtstET oWqvI codicon codicon-chevron-up"
data-testid="chevron-up-codicon"
/>
<h3>
Expand Down Expand Up @@ -1297,7 +1255,7 @@ exports[`App > validates a deployment 1`] = `
>
<div
aria-hidden="true"
class="c0 codicon codicon-chevron-up"
class="sc-gtstET oWqvI codicon codicon-chevron-up"
data-testid="chevron-up-codicon"
/>
<h3>
Expand Down Expand Up @@ -1382,12 +1340,6 @@ exports[`App > validates a deployment 1`] = `
`;

exports[`App > what-ifs a deployment 1`] = `
.c0.c0.c0 {
width: 13px;
height: 13px;
font-size: 13px;
}

<div>
<main
id="webview-body"
Expand All @@ -1403,7 +1355,7 @@ exports[`App > what-ifs a deployment 1`] = `
>
<div
aria-hidden="true"
class="c0 codicon codicon-chevron-up"
class="sc-gtstET oWqvI codicon codicon-chevron-up"
data-testid="chevron-up-codicon"
/>
<h3>
Expand Down Expand Up @@ -1481,7 +1433,7 @@ exports[`App > what-ifs a deployment 1`] = `
>
<div
aria-hidden="true"
class="c0 codicon codicon-chevron-up"
class="sc-gtstET oWqvI codicon codicon-chevron-up"
data-testid="chevron-up-codicon"
/>
<h3>
Expand Down Expand Up @@ -1524,7 +1476,7 @@ exports[`App > what-ifs a deployment 1`] = `
>
<div
aria-hidden="true"
class="c0 codicon codicon-chevron-up"
class="sc-gtstET oWqvI codicon codicon-chevron-up"
data-testid="chevron-up-codicon"
/>
<h3>
Expand Down Expand Up @@ -1572,7 +1524,7 @@ exports[`App > what-ifs a deployment 1`] = `
>
<div
aria-hidden="true"
class="c0 codicon codicon-chevron-up"
class="sc-gtstET oWqvI codicon codicon-chevron-up"
data-testid="chevron-up-codicon"
/>
<h3>
Expand Down Expand Up @@ -1621,7 +1573,7 @@ exports[`App > what-ifs a deployment 1`] = `
>
<div
aria-hidden="true"
class="c0 codicon codicon-chevron-up"
class="sc-gtstET oWqvI codicon codicon-chevron-up"
data-testid="chevron-up-codicon"
/>
<h3>
Expand Down
24 changes: 22 additions & 2 deletions src/vscode-bicep-ui/apps/deploy-pane/src/__tests__/setupGlobals.ts
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,29 @@

import { vi } from "vitest";

import "@testing-library/jest-dom/vitest";
import "@testing-library/jest-dom";
import "element-internals-polyfill";
import "jest-styled-components";

const elementInternalsPrototype = (globalThis as { ElementInternals?: { prototype?: { setValidity?: unknown } } })
.ElementInternals?.prototype;
const originalSetValidity =
typeof elementInternalsPrototype?.setValidity === "function"
? (elementInternalsPrototype.setValidity as (...args: unknown[]) => unknown)
: undefined;

if (elementInternalsPrototype && originalSetValidity) {
elementInternalsPrototype.setValidity = function setValiditySafely(...args: unknown[]) {
try {
return originalSetValidity.call(this, ...args);
} catch (error) {
if (error instanceof TypeError && error.message.includes("object is not extensible")) {
return undefined;
}

throw error;
}
};
}

global.ResizeObserver = vi.fn(() => ({
observe: vi.fn(),
Expand Down
Loading
Loading