Modelled -> Modeled.

This commit is contained in:
Anders Starcke Henriksen
2023-04-17 15:00:41 +02:00
parent 7ce0e0a75a
commit fb4f39dcfb
5 changed files with 31 additions and 33 deletions

View File

@@ -16,7 +16,7 @@ import { ModeledMethod } from "../../data-extensions-editor/modeled-method";
import { MethodRow } from "./MethodRow";
import { assertNever } from "../../pure/helpers-pure";
import { vscode } from "../vscode-api";
import { calculateModelledPercentage } from "./modelled";
import { calculateModeledPercentage } from "./modeled";
export const DataExtensionsEditorContainer = styled.div`
margin-top: 1rem;
@@ -97,12 +97,12 @@ export function DataExtensionsEditor({
};
}, []);
const modelledPercentage = useMemo(
() => calculateModelledPercentage(externalApiUsages),
const modeledPercentage = useMemo(
() => calculateModeledPercentage(externalApiUsages),
[externalApiUsages],
);
const unModelledPercentage = 100 - modelledPercentage;
const unModeledPercentage = 100 - modeledPercentage;
const onChange = useCallback(
(method: ExternalApiUsage, model: ModeledMethod) => {
@@ -142,8 +142,8 @@ export function DataExtensionsEditor({
<div>
<h3>External API model stats</h3>
<ul>
<li>Modelled: {modelledPercentage.toFixed(2)}%</li>
<li>Unmodelled: {unModelledPercentage.toFixed(2)}%</li>
<li>Modeled: {modeledPercentage.toFixed(2)}%</li>
<li>Unmodeled: {unModeledPercentage.toFixed(2)}%</li>
</ul>
</div>
<div>

View File

@@ -155,7 +155,7 @@ export const MethodRow = ({
value={modeledMethod?.type ?? "none"}
onInput={handleTypeInput}
>
<VSCodeOption value="none">Unmodelled</VSCodeOption>
<VSCodeOption value="none">Unmodeled</VSCodeOption>
<VSCodeOption value="source">Source</VSCodeOption>
<VSCodeOption value="sink">Sink</VSCodeOption>
<VSCodeOption value="summary">Flow summary</VSCodeOption>

View File

@@ -1,13 +1,13 @@
import { calculateModelledPercentage } from "../modelled";
import { calculateModeledPercentage } from "../modeled";
describe("calculateModelledPercentage", () => {
describe("calculateModeledPercentage", () => {
it("when there are no external API usages", () => {
expect(calculateModelledPercentage([])).toBe(0);
expect(calculateModeledPercentage([])).toBe(0);
});
it("when there are is 1 modelled external API usage", () => {
it("when there are is 1 modeled external API usage", () => {
expect(
calculateModelledPercentage([
calculateModeledPercentage([
{
supported: true,
},
@@ -15,9 +15,9 @@ describe("calculateModelledPercentage", () => {
).toBe(100);
});
it("when there are is 1 unmodelled external API usage", () => {
it("when there are is 1 unmodeled external API usage", () => {
expect(
calculateModelledPercentage([
calculateModeledPercentage([
{
supported: false,
},
@@ -25,9 +25,9 @@ describe("calculateModelledPercentage", () => {
).toBe(0);
});
it("when there are multiple modelled and unmodelled external API usage", () => {
it("when there are multiple modeled and unmodeled external API usage", () => {
expect(
calculateModelledPercentage([
calculateModeledPercentage([
{
supported: false,
},

View File

@@ -0,0 +1,15 @@
import { ExternalApiUsage } from "../../data-extensions-editor/external-api-usage";
export function calculateModeledPercentage(
externalApiUsages: Array<Pick<ExternalApiUsage, "supported">>,
): number {
if (externalApiUsages.length === 0) {
return 0;
}
const modeledExternalApiUsages = externalApiUsages.filter((m) => m.supported);
const modeledRatio =
modeledExternalApiUsages.length / externalApiUsages.length;
return modeledRatio * 100;
}

View File

@@ -1,17 +0,0 @@
import { ExternalApiUsage } from "../../data-extensions-editor/external-api-usage";
export function calculateModelledPercentage(
externalApiUsages: Array<Pick<ExternalApiUsage, "supported">>,
): number {
if (externalApiUsages.length === 0) {
return 0;
}
const modelledExternalApiUsages = externalApiUsages.filter(
(m) => m.supported,
);
const modelledRatio =
modelledExternalApiUsages.length / externalApiUsages.length;
return modelledRatio * 100;
}