Add regression test (story) for PR #133, update changelog (#135)

* Add story for PR #133 * Update changelog for 3.0.3 * Typo fix
dvtng · Feb 8, 2022 · 1691d54 · 1691d54
1 parent 6fb13f9
commit 1691d54
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,13 @@
+## 3.0.3
+
+### Bug Fixes
+
+-   Fix an edge case where the animated highlight had the wrong vertical position (#133)
+
+### Thanks!
+
+-   @HexM7
+
 ## 3.0.2
 
 ### Bug Fixes

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "react-loading-skeleton",
-    "version": "3.0.2",
+    "version": "3.0.3",
     "description": "Make beautiful, animated loading skeletons that automatically adapt to your app.",
     "keywords": [
         "react",

diff --git a/src/__stories__/Skeleton.stories.tsx b/src/__stories__/Skeleton.stories.tsx
@@ -367,3 +367,20 @@ export const ShadowDOM: React.VFC = () => {
         </div>
     )
 }
+
+export const RegressionTest133 = () => (
+    <div>
+        <p>
+            Regression test for{' '}
+            <a href="https://github.com/dvtng/react-loading-skeleton/pull/133">#133</a>,
+            in which the pseudoelement had the wrong vertical position. The animated
+            highlight should cover the entire square.
+        </p>
+        <div style={{ display: 'flex' }}>
+            <Skeleton
+                baseColor="paleturquoise"
+                style={{ display: 'block', width: 200, height: 200 }}
+            />
+        </div>
+    </div>
+)