matteo/matrix-kernel-filter-calculator
1
0
Fork 0
mirror of https://github.com/mschuepbach/matrix-kernel-filter-calculator.git synced 2026-01-15 21:12:14 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add cypress

Browse Source
This commit is contained in:
mschuepbach
2022-07-23 17:16:23 +02:00
parent 43285a06c7
commit 338eb2e30d
10 changed files with 3380 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/App.svelte
View File

@@ -68,10 +68,10 @@
<h5 style="grid-area: matrix-title">Matrix</h5>
<h5 style="grid-area: kernel-title">Kernel</h5>
<h5 style="grid-area: result-title">Result</h5>
<div style="grid-area: matrix-size">
<div style="grid-area: matrix-size" data-test="matrix-size">
<MatrixSizeInput bind:matrixWidth bind:matrixHeight />
</div>
<div style="grid-area: kernel-size">
<div style="grid-area: kernel-size" data-test="kernel-size">
<MatrixSizeInput
bind:matrixWidth={kernelWidth}
bind:matrixHeight={kernelHeight}
@@ -80,14 +80,22 @@
<div style="grid-area: result-size">
{result[0].length} &times; {result.length}
</div>
<div style="grid-area: matrix"><Matrix bind:matrix /></div>
<div style="grid-area: kernel"><Matrix bind:matrix={kernel} /></div>
<div style="grid-area: result">
<div style="grid-area: matrix" data-test="matrix">
<Matrix bind:matrix />
</div>
<div style="grid-area: kernel" data-test="kernel">
<Matrix bind:matrix={kernel} />
</div>
<div style="grid-area: result" data-test="result">
<Matrix matrix={result} readonly="true" />
</div>
<div style="grid-area: padding">
<label>
<input type="checkbox" bind:checked={addPadding} />
<input
type="checkbox"
bind:checked={addPadding}
data-test="padding"
/>
Padding
</label>
<div>

16
src/ThemeToggle.svelte
View File

@@ -3,15 +3,15 @@
let { toggle, current } = getContext("theme");
</script>
<button on:click={toggle} title="Toggle Theme">
<button on:click={toggle} title="Toggle Theme" data-test="toggle-theme">
<slot>{$current}</slot>
</button>
<style>
button {
border: none;
background: none;
font-weight: 600;
cursor: pointer;
}
</style>
button {
border: none;
background: none;
font-weight: 600;
cursor: pointer;
}
</style>