Fix usage documentation for rotate property

Fixes #431
FortAwesome · Mar 30, 2024 · 1e87f1e · 1e87f1e
1 parent 191542b
commit 1e87f1e
Show file tree

Hide file tree

Showing 5 changed files with 214 additions and 18 deletions.
diff --git a/docs/usage/features.md b/docs/usage/features.md
@@ -23,9 +23,9 @@ The following features are available as part of Font Awesome. Note that the synt
 [FontAwesome Spec](https://fontawesome.com/how-to-use/on-the-web/styling/rotating-icons):
 
 ```html
-<fa-icon [icon]="['fas', 'coffee']" rotate="90"></fa-icon>
-<fa-icon [icon]="['fas', 'coffee']" rotate="180"></fa-icon>
-<fa-icon [icon]="['fas', 'coffee']" rotate="270"></fa-icon>
+<fa-icon [icon]="['fas', 'coffee']" [rotate]="90"></fa-icon>
+<fa-icon [icon]="['fas', 'coffee']" [rotate]="180"></fa-icon>
+<fa-icon [icon]="['fas', 'coffee']" [rotate]="270"></fa-icon>
 ```
 
 ### Flip

diff --git a/package.json b/package.json
@@ -48,7 +48,7 @@
     "@types/node": "~20.9.0",
     "@typescript-eslint/eslint-plugin": "^6.10.0",
     "@typescript-eslint/parser": "^6.10.0",
-    "chromedriver": "~119.0.1",
+    "chromedriver": "~123.0.1",
     "eslint": "^8.53.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-import": "2.29.0",

diff --git a/projects/demo/e2e/src/app.e2e-spec.ts b/projects/demo/e2e/src/app.e2e-spec.ts
@@ -9,7 +9,7 @@ describe('Angular FontAwesome demo', () => {
   });
 
   it('should render all icons', async () => {
-    expect(await appPage.icons.count()).toBe(45);
+    expect(await appPage.icons.count()).toBe(46);
   });
 
   afterEach(async () => {

diff --git a/projects/demo/src/app/app.component.html b/projects/demo/src/app/app.component.html
@@ -42,6 +42,10 @@ <h3>Change color</h3>
 <p>Using custom style: <fa-icon [icon]="faAdjust" [style.color]="'red'"></fa-icon></p>
 <p>Using custom class: <fa-icon [icon]="faAdjust" class="green-icon"></fa-icon></p>
 
+<h3>Rotate</h3>
+
+<fa-icon icon="user" [rotate]="90"></fa-icon>
+
 <h3>Animations</h3>
 
 <button type="button" (click)="isAnimated = !isAnimated">Toggle animations</button>