Merge branch 'frontend_test_e2e'
Browse filesThis view is limited to 50 files because it contains too many changes.
See raw diff
- static/index.css +17 -1
- static/index.html +4 -3
- static/index.js +2 -2
- static/package.json +1 -1
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-1-MobileChrome-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-1-MobileSafari-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-1-firefox-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-1-webkit-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-10-MobileChrome-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-10-MobileSafari-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-10-firefox-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-10-webkit-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-11-MobileChrome-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-11-MobileSafari-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-11-firefox-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-11-webkit-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-2-MobileChrome-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-2-MobileSafari-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-2-firefox-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-2-webkit-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-3-MobileChrome-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-3-MobileSafari-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-3-firefox-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-3-webkit-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-4-MobileChrome-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-4-MobileSafari-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-4-firefox-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-4-webkit-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-5-MobileChrome-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-5-MobileSafari-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-5-firefox-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-5-webkit-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-6-MobileChrome-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-6-MobileSafari-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-6-firefox-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-6-webkit-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-7-MobileChrome-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-7-MobileSafari-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-7-firefox-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-7-webkit-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-8-MobileChrome-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-8-MobileSafari-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-8-firefox-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-8-webkit-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-9-MobileChrome-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-9-MobileSafari-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-9-firefox-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-9-webkit-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-short-text-input-1-MobileChrome-linux.png +3 -0
- static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-short-text-input-1-MobileSafari-linux.png +3 -0
static/index.css
CHANGED
|
@@ -102,4 +102,20 @@ td {
|
|
| 102 |
}
|
| 103 |
.width-80perc {
|
| 104 |
width: 80%;
|
| 105 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 102 |
}
|
| 103 |
.width-80perc {
|
| 104 |
width: 80%;
|
| 105 |
+
}
|
| 106 |
+
#id-landscape-message {
|
| 107 |
+
display: none;
|
| 108 |
+
}
|
| 109 |
+
.id-orientation-message {
|
| 110 |
+
display: none;
|
| 111 |
+
}
|
| 112 |
+
@media screen and (max-width: 1024px) and (orientation: portrait) {
|
| 113 |
+
.id-orientation-message {
|
| 114 |
+
display: block;
|
| 115 |
+
text-align: center;
|
| 116 |
+
}
|
| 117 |
+
.id-orientation-message:before {
|
| 118 |
+
color: red;
|
| 119 |
+
content: "(Mobile users: use this in landscape mode!)"
|
| 120 |
+
}
|
| 121 |
+
}
|
static/index.html
CHANGED
|
@@ -9,6 +9,7 @@
|
|
| 9 |
</head>
|
| 10 |
<body>
|
| 11 |
<h1 class="h1">Word Frequency Statistics in text</h1>
|
|
|
|
| 12 |
<div class="margin10px">
|
| 13 |
<button id="btn4-getWordFrequency" aria-label="btn4-getWordFrequency" onclick="getWordFrequency()" type="submit">get words frequency</button>
|
| 14 |
<label for="id-input-file-selector" class="margin5px-left">Text file selector</label>
|
|
@@ -29,7 +30,7 @@
|
|
| 29 |
<button type="submit" id="btn-filter-words-frequency" aria-label="btn-filter-words-frequency" onclick="updateWordFrequencyTables()">Submit</button>
|
| 30 |
</div>
|
| 31 |
<div class="display-flex width-50perc margin2px-bottom">
|
| 32 |
-
<form id="
|
| 33 |
<fieldset>
|
| 34 |
<legend>Sorting method:</legend>
|
| 35 |
<div>
|
|
@@ -40,12 +41,12 @@
|
|
| 40 |
</div>
|
| 41 |
</fieldset>
|
| 42 |
</form>
|
| 43 |
-
<form id="
|
| 44 |
<fieldset>
|
| 45 |
<legend>Order:</legend>
|
| 46 |
<div>
|
| 47 |
<input type="radio" id="order-by-asc" aria-label="order-by-asc" name="order" value="asc" />
|
| 48 |
-
<label for="order-by-
|
| 49 |
<input type="radio" id="order-by-desc" aria-label="order-by-desc" name="order" value="desc" checked/>
|
| 50 |
<label for="order-desc" id="order-by-desc-label" aria-label="order-by-desc-label">Descending</label>
|
| 51 |
</div>
|
|
|
|
| 9 |
</head>
|
| 10 |
<body>
|
| 11 |
<h1 class="h1">Word Frequency Statistics in text</h1>
|
| 12 |
+
<div id="id-orientation-message" class="id-orientation-message" aria-hidden="true"><!-- ::before (Mobile users: use this project in landscape mode!) --></div>
|
| 13 |
<div class="margin10px">
|
| 14 |
<button id="btn4-getWordFrequency" aria-label="btn4-getWordFrequency" onclick="getWordFrequency()" type="submit">get words frequency</button>
|
| 15 |
<label for="id-input-file-selector" class="margin5px-left">Text file selector</label>
|
|
|
|
| 30 |
<button type="submit" id="btn-filter-words-frequency" aria-label="btn-filter-words-frequency" onclick="updateWordFrequencyTables()">Submit</button>
|
| 31 |
</div>
|
| 32 |
<div class="display-flex width-50perc margin2px-bottom">
|
| 33 |
+
<form id="id-form-sort-by" aria-label="id-form-sort-by">
|
| 34 |
<fieldset>
|
| 35 |
<legend>Sorting method:</legend>
|
| 36 |
<div>
|
|
|
|
| 41 |
</div>
|
| 42 |
</fieldset>
|
| 43 |
</form>
|
| 44 |
+
<form id="id-form-order-by" aria-label="id-form-order-by">
|
| 45 |
<fieldset>
|
| 46 |
<legend>Order:</legend>
|
| 47 |
<div>
|
| 48 |
<input type="radio" id="order-by-asc" aria-label="order-by-asc" name="order" value="asc" />
|
| 49 |
+
<label for="order-by-asc" id="order-by-asc-label" aria-label="order-by-asc-label">Ascending</label>
|
| 50 |
<input type="radio" id="order-by-desc" aria-label="order-by-desc" name="order" value="desc" checked/>
|
| 51 |
<label for="order-desc" id="order-by-desc-label" aria-label="order-by-desc-label">Descending</label>
|
| 52 |
</div>
|
static/index.js
CHANGED
|
@@ -170,8 +170,8 @@ const updateWordFrequencyTables = () => {
|
|
| 170 |
|
| 171 |
let _wfo = wfo["word_frequency"]
|
| 172 |
let reduced = Object.values(_wfo)
|
| 173 |
-
let order = getFormDataByKey("
|
| 174 |
-
let sort = getFormDataByKey("
|
| 175 |
reduced.sort(dynamicsort(sort, order))
|
| 176 |
|
| 177 |
let inputFilter = document.getElementById("filter-words-frequency")
|
|
|
|
| 170 |
|
| 171 |
let _wfo = wfo["word_frequency"]
|
| 172 |
let reduced = Object.values(_wfo)
|
| 173 |
+
let order = getFormDataByKey("id-form-order-by", "order")
|
| 174 |
+
let sort = getFormDataByKey("id-form-sort-by", "sort")
|
| 175 |
reduced.sort(dynamicsort(sort, order))
|
| 176 |
|
| 177 |
let inputFilter = document.getElementById("filter-words-frequency")
|
static/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
| 4 |
"description": "",
|
| 5 |
"main": "index.js",
|
| 6 |
"scripts": {
|
| 7 |
-
"test": "
|
| 8 |
},
|
| 9 |
"type": "module",
|
| 10 |
"keywords": [],
|
|
|
|
| 4 |
"description": "",
|
| 5 |
"main": "index.js",
|
| 6 |
"scripts": {
|
| 7 |
+
"test": "pnpm playwright test --retries=4"
|
| 8 |
},
|
| 9 |
"type": "module",
|
| 10 |
"keywords": [],
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-1-MobileChrome-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-1-MobileSafari-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-1-firefox-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-1-webkit-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-10-MobileChrome-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-10-MobileSafari-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-10-firefox-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-10-webkit-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-11-MobileChrome-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-11-MobileSafari-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-11-firefox-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-11-webkit-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-2-MobileChrome-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-2-MobileSafari-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-2-firefox-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-2-webkit-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-3-MobileChrome-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-3-MobileSafari-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-3-firefox-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-3-webkit-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-4-MobileChrome-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-4-MobileSafari-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-4-firefox-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-4-webkit-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-5-MobileChrome-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-5-MobileSafari-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-5-firefox-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-5-webkit-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-6-MobileChrome-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-6-MobileSafari-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-6-firefox-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-6-webkit-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-7-MobileChrome-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-7-MobileSafari-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-7-firefox-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-7-webkit-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-8-MobileChrome-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-8-MobileSafari-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-8-firefox-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-8-webkit-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-9-MobileChrome-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-9-MobileSafari-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-9-firefox-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-long-multi-line-text-input-9-webkit-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-short-text-input-1-MobileChrome-linux.png
ADDED
|
Git LFS Details
|
static/tests/test-word-frequency-1.spec.ts-snapshots/test-word-frequency-short-text-input-1-MobileSafari-linux.png
ADDED
|
Git LFS Details
|