mockaton 12.2.0 → 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 +13 -8
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 {
|
|
@@ -453,14 +454,15 @@ main {
|
|
|
453
454
|
position: relative;
|
|
454
455
|
left: -8px;
|
|
455
456
|
display: inline-block;
|
|
456
|
-
width:
|
|
457
|
+
width: auto;
|
|
457
458
|
min-width: 140px;
|
|
459
|
+
flex-grow: 1;
|
|
458
460
|
padding: 6px 8px;
|
|
461
|
+
margin-right: -2px;
|
|
459
462
|
margin-left: 4px;
|
|
460
463
|
border-radius: var(--radius);
|
|
461
464
|
word-break: break-word;
|
|
462
465
|
|
|
463
|
-
|
|
464
466
|
&:hover {
|
|
465
467
|
background: var(--colorHover);
|
|
466
468
|
}
|
|
@@ -476,11 +478,13 @@ main {
|
|
|
476
478
|
|
|
477
479
|
|
|
478
480
|
.MockSelector {
|
|
481
|
+
min-width: 58px;
|
|
479
482
|
height: 24px;
|
|
480
483
|
padding-right: 20px;
|
|
481
484
|
padding-left: 8px;
|
|
482
485
|
text-overflow: ellipsis;
|
|
483
486
|
font-size: 12px;
|
|
487
|
+
text-align: right;
|
|
484
488
|
|
|
485
489
|
&.nonDefault {
|
|
486
490
|
font-weight: bold;
|
|
@@ -491,6 +495,7 @@ main {
|
|
|
491
495
|
}
|
|
492
496
|
&:disabled {
|
|
493
497
|
padding-right: 4px;
|
|
498
|
+
padding-left: 0;
|
|
494
499
|
border-color: transparent;
|
|
495
500
|
appearance: none;
|
|
496
501
|
background: transparent;
|