mockaton 12.2.1 → 12.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -11
- package/package.json +1 -1
- package/src/client/styles.css +10 -7
package/README.md
CHANGED
|
@@ -32,23 +32,16 @@ For example, for [/api/company/123](#), the filename could be:
|
|
|
32
32
|
<img alt="Mockaton Dashboard" src="https://raw.githubusercontent.com/ericfortis/mockaton/refs/heads/main/pixaton-tests/tests/macos/pic-for-readme.vp762x762.dark.gold.png">
|
|
33
33
|
</picture>
|
|
34
34
|
|
|
35
|
-
On the dashboard you can:
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
- Trigger an autogenerated `500` error
|
|
39
|
-
- …and cycle it off (for testing retries)
|
|
40
|
-
|
|
41
|
-
Nonetheless, there’s a [Control API ↗](https://mockaton.com/api), which is handy for
|
|
42
|
-
setting up tests.
|
|
35
|
+
On the dashboard you can: select a mock variant for a particular route; 🕓 delay responses;
|
|
36
|
+
and cycle an autogenerated `500` error (e.g., for testing retries). Nonetheless,
|
|
37
|
+
there’s a [Control API ↗](https://mockaton.com/api), which is handy for setting up tests.
|
|
43
38
|
|
|
44
39
|
<br/>
|
|
45
40
|
|
|
46
41
|
|
|
47
42
|
## Quick Start (Docker)
|
|
48
43
|
This will spin up Mockaton with the sample directories
|
|
49
|
-
included in this repo mounted on the container
|
|
50
|
-
|
|
51
|
-
_[mockaton-mocks/](./mockaton-mocks) and [mockaton-static-mocks/](./mockaton-static-mocks)_
|
|
44
|
+
included in this repo mounted on the container ([mockaton-mocks/](./mockaton-mocks) and [mockaton-static-mocks/](./mockaton-static-mocks))
|
|
52
45
|
|
|
53
46
|
```sh
|
|
54
47
|
git clone https://github.com/ericfortis/mockaton.git --depth 1
|
package/package.json
CHANGED
package/src/client/styles.css
CHANGED
|
@@ -7,16 +7,16 @@
|
|
|
7
7
|
:root {
|
|
8
8
|
color-scheme: light;
|
|
9
9
|
--color4xxBackground: #ffedd1;
|
|
10
|
-
--colorAccent: #
|
|
10
|
+
--colorAccent: #0059dd;
|
|
11
11
|
--colorBackground: #fff;
|
|
12
12
|
--colorComboBoxHeaderBackground: #fff;
|
|
13
13
|
--colorComboBoxBackground: #eee;
|
|
14
|
-
--colorHeaderBackground: #
|
|
14
|
+
--colorHeaderBackground: #f2f2f3;
|
|
15
15
|
--colorSecondaryButtonBackground: #fcfcfc;
|
|
16
16
|
--colorSecondaryActionBorder: #e0e0e0;
|
|
17
17
|
--colorSecondaryAction: #666;
|
|
18
18
|
--colorDisabledMockSelector: #444;
|
|
19
|
-
--colorHover: rgba(119, 193, 255, 0.
|
|
19
|
+
--colorHover: rgba(119, 193, 255, 0.4);
|
|
20
20
|
--colorLabel: #555;
|
|
21
21
|
--colorLightRed: #ffe4ee;
|
|
22
22
|
--colorRed: #da0f00;
|
|
@@ -32,9 +32,9 @@
|
|
|
32
32
|
--color4xxBackground: #68554a;
|
|
33
33
|
--colorAccent: #2495ff;
|
|
34
34
|
--colorBackground: #181818;
|
|
35
|
-
--colorHeaderBackground: #
|
|
35
|
+
--colorHeaderBackground: #141414;
|
|
36
36
|
--colorComboBoxBackground: #2a2a2a;
|
|
37
|
-
--colorSecondaryButtonBackground: #
|
|
37
|
+
--colorSecondaryButtonBackground: #2c2c2c;
|
|
38
38
|
--colorSecondaryActionBorder: #333;
|
|
39
39
|
--colorSecondaryAction: #aaa;
|
|
40
40
|
--colorComboBoxHeaderBackground: #222;
|
|
@@ -72,6 +72,7 @@ body {
|
|
|
72
72
|
font-family: inherit;
|
|
73
73
|
font-size: 100%;
|
|
74
74
|
scrollbar-width: thin;
|
|
75
|
+
corner-shape: squircle
|
|
75
76
|
}
|
|
76
77
|
|
|
77
78
|
a:focus-visible,
|
|
@@ -86,7 +87,6 @@ a,
|
|
|
86
87
|
select,
|
|
87
88
|
button,
|
|
88
89
|
input[type=checkbox] {
|
|
89
|
-
outline: 0;
|
|
90
90
|
cursor: pointer;
|
|
91
91
|
}
|
|
92
92
|
|
|
@@ -198,6 +198,7 @@ header {
|
|
|
198
198
|
flex-shrink: 0;
|
|
199
199
|
align-self: end;
|
|
200
200
|
margin-left: auto;
|
|
201
|
+
border-radius: 50%;
|
|
201
202
|
fill: var(--colorSecondaryAction);
|
|
202
203
|
|
|
203
204
|
&:hover {
|
|
@@ -457,6 +458,7 @@ main {
|
|
|
457
458
|
min-width: 140px;
|
|
458
459
|
flex-grow: 1;
|
|
459
460
|
padding: 6px 8px;
|
|
461
|
+
margin-right: -2px;
|
|
460
462
|
margin-left: 4px;
|
|
461
463
|
border-radius: var(--radius);
|
|
462
464
|
word-break: break-word;
|
|
@@ -476,7 +478,7 @@ main {
|
|
|
476
478
|
|
|
477
479
|
|
|
478
480
|
.MockSelector {
|
|
479
|
-
min-width:
|
|
481
|
+
min-width: 58px;
|
|
480
482
|
height: 24px;
|
|
481
483
|
padding-right: 20px;
|
|
482
484
|
padding-left: 8px;
|
|
@@ -493,6 +495,7 @@ main {
|
|
|
493
495
|
}
|
|
494
496
|
&:disabled {
|
|
495
497
|
padding-right: 4px;
|
|
498
|
+
padding-left: 0;
|
|
496
499
|
border-color: transparent;
|
|
497
500
|
appearance: none;
|
|
498
501
|
background: transparent;
|