taiga-family · taiga-family-bot · Nov 13, 2024 · Nov 13, 2024
@@ -8,6 +8,8 @@ jobs:
     runs-on: ubuntu-latest
     env:
       PW_RESULT: ./projects/demo-playwright/tests-results
+    outputs:
+      details_url: ${{ steps.e2e-report.outputs.details_url }}
     steps:
       - uses: actions/[email protected]
       - uses: taiga-family/ci/actions/setup/[email protected]
@@ -49,14 +51,30 @@ jobs:
 
       - name: Upload artifacts / ${{ env.PLAYWRIGHT_SNAPSHOTS_ARTIFACTS_KEY }}
         uses: actions/[email protected]
-        id: artifact
         with:
           path: ${{ env.PW_RESULT }}/**/*-retry2/*-diff.png
           name: ${{ env.PLAYWRIGHT_SNAPSHOTS_ARTIFACTS_KEY }}
           if-no-files-found: ignore
           compression-level: 0
           retention-days: 1
 
+  result:
+    name: E2E result
+    needs: [e2e]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/[email protected]
+      - uses: taiga-family/ci/actions/setup/[email protected]
+
+      - name: Download artifacts for Playwright
+        continue-on-error: true
+        uses: actions/[email protected]
+        with:
+          path: ${{ env.PW_RESULT }}
+          name: ${{ env.PLAYWRIGHT_SNAPSHOTS_ARTIFACTS_KEY }}
+          merge-multiple: true
+      - run: tree ${{ env.PW_RESULT }} || echo "not found"
+
       - name: Check if diff-output exists
         id: diff_checker
         run: |
@@ -70,7 +88,7 @@ jobs:
       - uses: daun/[email protected]
         if: always()
         with:
-          custom-info: 'For more information, [see our report](${{ steps.e2e-report.outputs.details_url }})'
+          custom-info: 'For more information, [see our report](${{ needs.e2e.outputs.details_url }})'
           report-file: ${{ env.PW_RESULT }}/test-results.json
 
 concurrency:

@@ -24,7 +24,7 @@
         "prepare": "husky",
         "start": "nx serve editor-demo",
         "lint": "eslint .",
-        "cspell": "cspell --relative --dot --gitignore .",
+        "cspell": "cspell --relative --dot --no-progress --gitignore .",
         "prettier": "prettier !package-lock.json !taiga-ui/** . --ignore-path .gitignore",
         "stylelint": "stylelint './projects/**/*.{less,css}' --config package.json",
         "release": "npx syncer && npx nx publish editor"
@@ -91,26 +91,26 @@
         "@swc-node/register": "1.10.9",
         "@swc/core": "1.8.0",
         "@swc/helpers": "0.5.13",
-        "@taiga-ui/addon-doc": "4.10.0",
-        "@taiga-ui/auto-changelog-config": "0.222.5",
-        "@taiga-ui/browserslist-config": "0.222.5",
-        "@taiga-ui/cdk": "4.10.0",
-        "@taiga-ui/commitlint-config": "0.222.5",
-        "@taiga-ui/core": "4.10.0",
-        "@taiga-ui/cspell-config": "0.222.5",
-        "@taiga-ui/eslint-plugin-experience": "0.222.5",
-        "@taiga-ui/event-plugins": "4.2.4",
-        "@taiga-ui/icons": "4.10.0",
-        "@taiga-ui/layout": "4.10.0",
-        "@taiga-ui/legacy": "4.10.0",
+        "@taiga-ui/addon-doc": "4.15.0",
+        "@taiga-ui/auto-changelog-config": "0.234.0",
+        "@taiga-ui/browserslist-config": "0.234.0",
+        "@taiga-ui/cdk": "4.15.0",
+        "@taiga-ui/commitlint-config": "0.234.0",
+        "@taiga-ui/core": "4.15.0",
+        "@taiga-ui/cspell-config": "0.234.0",
+        "@taiga-ui/eslint-plugin-experience": "0.234.0",
+        "@taiga-ui/event-plugins": "4.3.1",
+        "@taiga-ui/icons": "4.15.0",
+        "@taiga-ui/layout": "4.15.0",
+        "@taiga-ui/legacy": "4.15.0",
         "@taiga-ui/polymorpheus": "4.7.4",
-        "@taiga-ui/prettier-config": "0.222.5",
-        "@taiga-ui/release-it-config": "0.222.5",
-        "@taiga-ui/stylelint-config": "0.222.5",
-        "@taiga-ui/styles": "4.10.0",
-        "@taiga-ui/syncer": "0.222.5",
-        "@taiga-ui/testing": "4.10.0",
-        "@taiga-ui/tsconfig": "0.222.5",
+        "@taiga-ui/prettier-config": "0.234.0",
+        "@taiga-ui/release-it-config": "0.234.0",
+        "@taiga-ui/stylelint-config": "0.234.0",
+        "@taiga-ui/styles": "4.15.0",
+        "@taiga-ui/syncer": "0.234.0",
+        "@taiga-ui/testing": "4.15.0",
+        "@taiga-ui/tsconfig": "0.234.0",
         "@types/express": "5.0.0",
         "@types/jasmine": "5.1.4",
         "@types/jest": "29.5.14",

@@ -44,6 +44,10 @@ export default defineConfig({
             animations: 'disabled',
             caret: 'hide',
             scale: 'device',
+            threshold: 0.02,
+        },
+        toMatchSnapshot: {
+            threshold: 0.02,
         },
     },
 });
@@ -36,7 +36,9 @@
             [iconStart]="icon"
             [style.border-radius.%]="100"
             (click)="darkMode.set(!darkMode())"
-        ></button>
+        >
+            Change mode
+        </button>
     </div>
 </header>
 

@@ -1,3 +1,4 @@
+/* eslint-disable i18n/no-russian-character */
 import type {TuiDocRoutePages} from '@taiga-ui/addon-doc';
 
 import {TuiDemoPath} from './shared/routes';

@@ -37,6 +37,7 @@ export default class Example {
     ];
 
     protected control = new FormControl(
+        // eslint-disable-next-line i18n/no-russian-character
         '<p><strong><em>War and Peace</em></strong> (<a target="_blank" rel="noopener noreferrer nofollow" href="https://en.wikipedia.org/wiki/Russian_language">Russian</a>: Война и мир, <a target="_blank" rel="noopener noreferrer nofollow" href="https://en.wikipedia.org/wiki/Romanization_of_Russian">romanized</a>:&nbsp;<em>Voyna i mir</em>; <a target="_blank" rel="noopener noreferrer nofollow" href="https://en.wikipedia.org/wiki/Reforms_of_Russian_orthography">pre-reform Russian</a>: <strong>Война и миръ</strong>; <a target="_blank" rel="noopener noreferrer nofollow" href="https://en.wikipedia.org/wiki/Help:IPA/Russian">[vɐjˈna i ˈmʲir]</a>) is a literary work by the Russian author <a target="_blank" rel="noopener noreferrer nofollow" href="https://en.wikipedia.org/wiki/Leo_Tolstoy">Leo Tolstoy</a> that mixes fictional narrative with chapters on history and philosophy. It was first published serially, then published in its entirety in 1869. It is regarded as Tolstoy\'s finest literary achievement and remains an internationally praised classic of <a target="_blank" rel="noopener noreferrer nofollow" href="https://en.wikipedia.org/wiki/World_literature">world literature</a>.<a target="_blank" rel="noopener noreferrer nofollow" href="#moser">[1]</a><a target="_blank" rel="noopener noreferrer nofollow" href="#thirlwell">[2]</a><a target="_blank" rel="noopener noreferrer nofollow" href="#briggs">[3]</a></p><p>The novel chronicles the <a target="_blank" rel="noopener noreferrer nofollow" href="https://en.wikipedia.org/wiki/French_invasion_of_Russia">French invasion of Russia</a> and the impact of the <a target="_blank" rel="noopener noreferrer nofollow" href="https://en.wikipedia.org/wiki/Napoleonic_era">Napoleonic era</a> on <a target="_blank" rel="noopener noreferrer nofollow" class="my-custom-class mw-redirect" href="https://en.wikipedia.org/wiki/Tsarist">Tsarist</a> society through the stories of five Russian <a target="_blank" rel="noopener noreferrer nofollow" href="https://en.wikipedia.org/wiki/Aristocracy_(class)">aristocratic</a> families. Portions of an earlier version, titled <em>The Year 1805</em>,<a target="_blank" rel="noopener noreferrer nofollow" href="#introduction">[4] </a>were serialized in <a target="_blank" rel="noopener noreferrer nofollow" href="https://en.wikipedia.org/wiki/The_Russian_Messenger"><em>The Russian Messenger</em></a> from 1865 to 1867 before the novel was published in its entirety in 1869.<a target="_blank" rel="noopener noreferrer nofollow" href="#knowles">[5]</a></p><p>Tolstoy said that the best <a target="_blank" rel="noopener noreferrer nofollow" href="https://en.wikipedia.org/wiki/Russian_literature">Russian literature</a> does not conform to standards and hence hesitated to classify <em>War and Peace</em>, saying it is "not a novel, even less is it a poem, and still less a historical chronicle". Large sections, especially the later chapters, are philosophical discussions rather than narrative.<a target="_blank" rel="noopener noreferrer nofollow" href="#war">[6]</a> He regarded <a target="_blank" rel="noopener noreferrer nofollow" href="https://en.wikipedia.org/wiki/Anna_Karenina"><em>Anna Karenina</em></a> as his first true novel.</p><p></p><img src="./assets/images/piece-and-war.jpg" width="732" alt="" title="" /><p></p><p><strong>References</strong>:</p><ol><li><p><a data-type="jump-anchor" id="moser">Moser</a>, Charles. 1992. <em>Encyclopedia of Russian Literature</em>. Cambridge University Press, pp. 298–300.</p></li><li><p><a data-type="jump-anchor" id="thirlwell">Thirlwell</a>, Adam <a target="_blank" rel="noopener noreferrer nofollow" class="external text" href="https://www.theguardian.com/books/2005/oct/08/classics.leonikolaevichtolstoy">"A masterpiece in miniature"</a>. <em>The Guardian</em> (London, UK) October 8, 2005</p></li><li><p><a data-type="jump-anchor" id="briggs">Briggs</a>, Anthony. 2005. "Introduction" to <em>War and Peace</em>. Penguin Classics.</p><p></p></li><li><p><a target="_blank" rel="noopener noreferrer nofollow" href="https://en.wikipedia.org/wiki/Richard_Pevear_and_Larissa_Volokhonsky">Pevear, Richard</a> (2008). "<a data-type="jump-anchor" id="introduction">Introduction</a>". <a target="_blank" rel="noopener noreferrer nofollow" class="external text" href="https://archive.org/details/warpeace00tols_1"><em>War and Peace</em></a>. Trans. Pevear; <a target="_blank" rel="noopener noreferrer nofollow" href="https://en.wikipedia.org/wiki/Richard_Pevear_and_Larissa_Volokhonsky">Volokhonsky, Larissa</a>. New York: Vintage Books. pp.&nbsp;VIII–IX. <a target="_blank" rel="noopener noreferrer nofollow" class="mw-redirect" href="https://en.wikipedia.org/wiki/ISBN_(identifier)">ISBN</a>&nbsp;<a target="_blank" rel="noopener noreferrer nofollow" href="https://en.wikipedia.org/wiki/Special:BookSources/978-1-4000-7998-8">978-1-4000-7998-8</a>.</p><p></p></li><li><p><a data-type="jump-anchor" id="knowles">Knowles</a>, A. V. <em>Leo Tolstoy</em>, Routledge 1997.</p><p></p></li><li><p><a target="_blank" rel="noopener noreferrer nofollow" class="external text" href="https://books.google.com/books?id=c4HEAN-ti1MC&amp;pg=PR10">"Introduction?"</a>. <a data-type="jump-anchor" id="war"><em>War and Peace</em></a>. Wordsworth Editions. 1993. <a target="_blank" rel="noopener noreferrer nofollow" class="mw-redirect" href="https://en.wikipedia.org/wiki/ISBN_(identifier)">ISBN</a>&nbsp;<a target="_blank" rel="noopener noreferrer nofollow" href="https://en.wikipedia.org/wiki/Special:BookSources/978-1-85326-062-9">978-1-85326-062-9</a>. Retrieved 2009-03-24.</p></li></ol>',
     );
 }
@@ -8,7 +8,9 @@
         [iconStart]="icon || ''"
         [tuiDropdown]="colorDropdown"
         [tuiDropdownOpen]="false"
-    ></button>
+    >
+        Color options
+    </button>
     <div
         class="t-plate"
         [style.background]="fontColor$ | async"

@@ -13,7 +13,9 @@
         tuiIconButton
         type="button"
         class="tool-button"
-    ></button>
+    >
+        Smile tool
+    </button>
     <ng-template #smileDropdown>
         <div class="smiles">
             <button

@@ -13,7 +13,9 @@
         type="button"
         class="tool-button"
         [iconStart]="youtubeLogo"
-    ></button>
+    >
+        Youtube
+    </button>
     <ng-template #youtubeDropdown>
         <div class="youtube-tool-content">
             <label class="t-label">

@@ -13,7 +13,9 @@
         tuiIconButton
         type="button"
         class="tool-button"
-    ></button>
+    >
+        Embedded tool
+    </button>
     <ng-template #youtubeDropdown>
         <div class="embed-tool-content">
             <label class="t-label">

@@ -13,7 +13,9 @@
         type="button"
         class="tool-button"
         [iconStart]="youtubeLogo"
-    ></button>
+    >
+        Youtube
+    </button>
     <ng-template #youtubeDropdown>
         <div class="youtube-tool-content">
             <label class="t-label">

@@ -5,7 +5,9 @@
     tuiIconButton
     type="button"
     (click)="decrease()"
-></button>
+>
+    Decrease size
+</button>
 <div
     #fonts
     [tuiDropdown]="fontsDropdown"
@@ -41,4 +43,6 @@
     tuiIconButton
     type="button"
     (click)="increase()"
-></button>
+>
+    Increase size
+</button>
@@ -13,7 +13,9 @@
             type="button"
             class="t-tool t-tool_margin"
             (click)="toggleHighlight()"
-        ></button>
+        >
+            Toggle highlight
+        </button>
     </ng-container>
 </tui-editor>
 

@@ -46,6 +46,7 @@ export const TUI_EDITOR_PROVIDERS = [
             LAZY_TIPTAP_EDITOR,
             WA_WINDOW,
         ],
+        // eslint-disable-next-line @typescript-eslint/max-params
         useFactory: (
             element: HTMLElement,
             extensions: Observable<Array<Extension | Mark | Node>>,

@@ -24,7 +24,9 @@
                 [iconStart]="options.icons.textAlignLeft"
                 [tuiHint]="(texts$ | async)?.justifyLeft"
                 (click)="editor?.onAlign('left')"
-            ></button>
+            >
+                Left align
+            </button>
             <button
                 appearance="icon"
                 size="s"
@@ -34,7 +36,9 @@
                 [iconStart]="options.icons.textAlignCenter"
                 [tuiHint]="(texts$ | async)?.justifyCenter"
                 (click)="editor?.onAlign('center')"
-            ></button>
+            >
+                Center align
+            </button>
             <button
                 appearance="icon"
                 size="s"
@@ -44,7 +48,9 @@
                 [iconStart]="options.icons.textAlignRight"
                 [tuiHint]="(texts$ | async)?.justifyRight"
                 (click)="editor?.onAlign('right')"
-            ></button>
+            >
+                Right align
+            </button>
             <button
                 appearance="icon"
                 size="s"
@@ -54,7 +60,9 @@
                 [iconStart]="options.icons.textAlignJustify"
                 [tuiHint]="(texts$ | async)?.justifyFull"
                 (click)="editor?.onAlign('justify')"
-            ></button>
+            >
+                Justify align
+            </button>
         </div>
     </ng-template>
 </div>
@@ -28,7 +28,9 @@
                     [iconStart]="options.icons.fontStyleBold"
                     [tuiHint]="texts.bold"
                     (click)="editor?.toggleBold()"
-                ></button>
+                >
+                    Toggle bold
+                </button>
                 <button
                     *ngIf="isEnabled(editorTool.Italic)"
                     appearance="icon"
@@ -39,7 +41,9 @@
                     [iconStart]="options.icons.fontStyleItalic"
                     [tuiHint]="texts.italic"
                     (click)="editor?.toggleItalic()"
-                ></button>
+                >
+                    Toggle italic
+                </button>
                 <button
                     *ngIf="isEnabled(editorTool.Underline)"
                     appearance="icon"
@@ -50,7 +54,9 @@
                     [iconStart]="options.icons.fontStyleUnderline"
                     [tuiHint]="texts.underline"
                     (click)="editor?.toggleUnderline()"
-                ></button>
+                >
+                    Toggle underline
+                </button>
                 <button
                     *ngIf="isEnabled(editorTool.Strikethrough)"
                     appearance="icon"
@@ -61,7 +67,9 @@
                     [iconStart]="options.icons.fontStyleStrike"
                     [tuiHint]="texts.strikeThrough"
                     (click)="editor?.toggleStrike()"
-                ></button>
+                >
+                    Toggle strike
+                </button>
             </div>
         </ng-template>
     </div>

@@ -27,7 +27,9 @@
                     [iconStart]="options.icons.listUnOrdered"
                     [tuiHint]="texts.unorderedList"
                     (click)="editor?.toggleUnorderedList()"
-                ></button>
+                >
+                    Unordered list
+                </button>
                 <button
                     appearance="icon"
                     automation-id="toolbar__ordered-list-button"
@@ -38,7 +40,9 @@
                     [iconStart]="options.icons.listOrdered"
                     [tuiHint]="texts.orderedList"
                     (click)="editor?.toggleOrderedList()"
-                ></button>
+                >
+                    Ordered list
+                </button>
                 <button
                     appearance="icon"
                     automation-id="toolbar__task-list-button"
@@ -48,7 +52,9 @@
                     class="t-option t-option_margin"
                     [iconStart]="options.icons.taskList"
                     (click)="editor?.toggleTaskList()"
-                ></button>
+                >
+                    Toggle task list
+                </button>
                 <button
                     appearance="icon"
                     automation-id="toolbar_indent-button"
@@ -59,7 +65,9 @@
                     [iconStart]="options.icons.indent"
                     [tuiHint]="texts.indent"
                     (click)="sinkListItem()"
-                ></button>
+                >
+                    Sink list item
+                </button>
                 <button
                     appearance="icon"
                     automation-id="toolbar_outdent-button"
@@ -70,7 +78,9 @@
                     [iconStart]="options.icons.outdent"
                     [tuiHint]="texts.outdent"
                     (click)="liftListItem()"
-                ></button>
+                >
+                    Lift list item
+                </button>
             </div>
         </ng-template>
     </div>

@@ -14,7 +14,9 @@
         [class._open]="open"
         [iconStart]="options.icons.imageExtension.settings"
         (click.capture.prevent)="openDropdown($event)"
-    ></button>
+    >
+        Image settings
+    </button>
 
     <tui-editor-resizable
         #resizable