-
Notifications
You must be signed in to change notification settings - Fork 1
/
test.html
131 lines (122 loc) · 5.84 KB
/
test.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<html>
<head>
<title>🇪🇺 Test page for the Eurofox plugin 🔥 🦊</title>
<meta charset="UTF-8">
</head>
<body><h1>Eurofox plugin test cases 🇪🇺 🔥 🦊</h1>
<h2>Javascript and CSS</h2>
<p>Below you'll find some tests to make sure that attributes of script and style tags or other css doesn't get modified by the plugin.</p>
<div id="0F0F0F" style="background-color:red;">If you see this comment then the Javascript test is broken.</div>
<script>
document.getElementById("0F0F0F").innerHTML = "This comment should be light blue. If it's not then the exclusion of script tags is broken, or you have javascript disabled.";
document.getElementById("0F0F0F").style = "background-color:lightblue";
</script>
<span style="background-color:red"><div style="background-color:#0FFF0F">If this div is not green, then the plugin has failed to exclude css. Also this temperature of 89°F should be in Celsius.</div></span>
<div class="yellow">This comment should be yellow. If it's not then the exclusion of style tags is broken.</div>
<style>
.yellow {
background-color: #FFFF0F;
}
</style>
<div id="foobar0mps">This comment should be pink. If it's not then the exclusion of div attributes is broken.</div>
<style>
#foobar0mps {
background-color: pink;
}
</style>
<br/><br/>
<h2>Temperatures 🌡️</h2>
<h3>This header contains a temperature of ° 114 F 🥵</h3>
<div>It's 98°f in this div.</div>
<div>In this div we are looking at 80 °f and <br/>after the newline the temperature is 85°f and then it will cool down in the next html tag.</div>
<span>This span has a chilly temperature of 23 ° F. 🥶</span><br/>
<span>Another span with more tests, the last of which must not be modified. <br/>
13°F <br/>
23° F<br/>
33°f<br/>
43° F<br/>
°53f<br/>
°63F<br/>
73.3 F<br/>
83.3f<br/>
92°F<br/>
° 107 f<br/>
114 ° f<br/>
125 °F<br/>
135 °f<br/>
There are 10 flies on the wall and this sentence must not match.
</span>
<br/>
Test table:
<table border="1"><tbody>
<th colspan="2" style="text-align:center;padding-left:0">Quick Climate Info</th></tr>
<tr><td style="padding-left:0">Hottest Month</td><td>July (65 °F avg)</td></tr>
<tr><td style="padding-left:0">Coldest Month</td><td>January (27 °F avg)</td></tr>
<tr><td style="padding-left:0">Wettest Month</td><td>August (3.97" avg)</td></tr>
<tr><td style="padding-left:0">Windiest Month</td><td>May (7 mph avg)</td></tr>
</tbody></table>
<h2>Sizes 📐</h2>
<span>This span has a width of 23in. Its height is 0.3 in. 39" or 93 "</span>
<div>This div has a dimension of 1 acre.</div>
<div>The width of this div has been reported as 34 feet and 2 inch. <br/>The next line has a width of 33ft.</div>
<span>This span has a size of 18 miles. </span>
<h3>Feet 🦶</h4>
<div>23 feet and 3 ".<br/>
34ft<br/>
89.9 ft<br/>
129ft<br/>
390feet<br/>
3 feetless caterpillars 🐛 sit on a sunflower 🌻.<br/>
<h3>Miles</h3>
<span>
We are 4000 miles away from Los Angeles.<br />
23.3 mi<br />
34 mi and not a single foot further.<br />
This measures exactly 90 mi.<br />
After 19 miles you take the first turn left.
Miles Teller is staring in the new Top Gun movie.<br /></span>
</body>
<h3>Yards</h3>
<span>23 yards, 10 yard, 45 yd, 0.9 yd. 3yd. <br/>
The size of my backyard is 0.5 acres.</span>
<h3>Inches</h3>
This 7" vinyl is in great condition. Nine inch nails are irreplacable.
9 inch nails however can be substituted.
<h2>Speeds 🏎️</h2>
At over 233 mph, this boaty mc boatface 🛥️ is much faster than its competitor (clocking in at only 199 miles per hour).
<br />
The slowest train in the world (3mph) climbs the large hill steadily. While descending it can reach speeds of up to 3.9mph.
<div>10 knots, 20knots, 30 kn, <br/> 40kn, 1 knot, 0knot.</div>
<h2>Liquids 🛢️</h2>
10 gallons, 2 gal, 1 gallon, 3gal, 100gal, 200gallons.
90 barrels, 1 barrel, 0 bbl, 40bbl.
Finally 0.2642 gallon which is exactly one litre.
<h1>Test cases from the interwebs</h1>
<h2>Fractions with whitespace after mantissa</h2>
For example, a 2 x 6 is actually 1 1/2 in. x 5 1/2 in.<br/>
This half inch (1/2 in) must not be converted to "1/5 cm".
<h2>Number ranges </h2>
The usual pattern is a year-to-year variability, with a short string of dry years of 5–10 in rainfall. (<a href="https://en.wikipedia.org/wiki/Los_Angeles#Climate">source</a>)
Also it can reach top speeds of 52 to 74 mph.
<h2>Quotation marks are not inches.</h2>
The following span contains nothing but the word thousand, in numbers and in quotation marks:<br/>
<span class="token string">"1000"</span><br/>
The 1000 in quotation marks must not be replaced. <br/>
<h2>Don't replace the number in the brackets</h2>
With a population of around 131,136 (and 233,034 in the Capital Region), it is the centre of Iceland's cultural, economic, and governmental activity, and is a popular tourist destination. (<a href="https://en.wikipedia.org/wiki/Reykjav%C3%ADk">source</a>)
<h2>"In" is an actual word, folks</h2>
DiCaprio, who has been famous for almost his entire life, has never dated a woman over the age of 25. Not when he was a teen heartthrob. Not when he was actually 25. And not now that he’s set to turn 48 in November. (<a href="https://www.pajiba.com/celebrities_are_better_than_you/the-under-25-elephant-in-leonardo-dicaprios-room.php">source</a>)
<h2>Yeah I don't even know what's happening here</h2>
For example, /(?<!-)\d+/ matches a number only if it is not preceded by a minus sign. (<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Cheatsheet">source</a>)
<br/>
<h2>DOM manipulation check </h2>
<script language="javascript">
setTimeout(() => {
var surpriseUpdateDiv = document.createElement('div');
surpriseUpdateDiv.innerHTML = "If you see this text AND this temperature (90°F) <- <b>IN CELSIUS</b> then it means that the mutation observer test has worked.";
document.body.appendChild(surpriseUpdateDiv);
console.log("DOM manipulated.");
}, "1000");
</script>
</body>
</html>