ci: skip flaky preview (#3598)

taiga-family · Feb 6, 2023 · 98ab2c0 · 98ab2c0
1 parent 6cda304
commit 98ab2c0
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 7 deletions.
diff --git a/projects/demo/src/modules/components/editor/embed/examples/2/index.ts b/projects/demo/src/modules/components/editor/embed/examples/2/index.ts
@@ -4,7 +4,7 @@ import {DomSanitizer, SafeHtml} from '@angular/platform-browser';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {TUI_EDITOR_EXTENSIONS, TuiEditorTool} from '@taiga-ui/addon-editor';
-import {tuiPure} from '@taiga-ui/cdk';
+import {TUI_IS_CYPRESS, tuiPure} from '@taiga-ui/cdk';
 
 @Component({
     selector: 'tui-editor-embed-example-2',
@@ -35,7 +35,9 @@ export class TuiEditorEmbedExample2 {
         `
         <p>Here is an online IDE:</p>
         <iframe
-         src="https://codepen.io/mehdinajafi/embed/preview/LYyqNqR?default-tab=html%2Cresult&editable=true"
+         src="https://codepen.io/mehdinajafi/embed/LYyqNqR?default-tab=html${
+             this.isCypress ? '' : '%2Cresult'
+         }&editable=true"
          height="375"
          width="100%"
          scrolling="no"
@@ -58,7 +60,10 @@ export class TuiEditorEmbedExample2 {
         Validators.required,
     );
 
-    constructor(@Inject(DomSanitizer) private readonly sanitizer: DomSanitizer) {}
+    constructor(
+        @Inject(DomSanitizer) private readonly sanitizer: DomSanitizer,
+        @Inject(TUI_IS_CYPRESS) private readonly isCypress: boolean,
+    ) {}
 
     @tuiPure
     safe(content: string): SafeHtml {

diff --git a/projects/demo/src/modules/components/editor/embed/examples/3/index.ts b/projects/demo/src/modules/components/editor/embed/examples/3/index.ts
@@ -11,7 +11,7 @@ import {
     TuiEditorComponent,
     TuiEditorTool,
 } from '@taiga-ui/addon-editor';
-import {tuiPure, tuiTypedFromEvent} from '@taiga-ui/cdk';
+import {TUI_IS_CYPRESS, tuiPure, tuiTypedFromEvent} from '@taiga-ui/cdk';
 import {Observable} from 'rxjs';
 import {map} from 'rxjs/operators';
 
@@ -102,12 +102,16 @@ export class TuiEditorEmbedExample3 {
         `
             <p>Here is video: </p>
 
-            <video controls="controls" width="100%">
+            <video controls="controls" width="100%" preload="${
+                this.isCypress ? 'none' : 'auto'
+            }">
                 <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
             </video>
 
             <p>Here is audio: </p>
-            <audio controls style="width: 100%">
+            <audio controls style="width: 100%" preload="${
+                this.isCypress ? 'none' : 'auto'
+            }">
               <source src="https://www.w3docs.com/build/audios/audio.mp3" type="audio/mp3">
             </audio>
 
@@ -116,7 +120,10 @@ export class TuiEditorEmbedExample3 {
         Validators.required,
     );
 
-    constructor(@Inject(DomSanitizer) private readonly sanitizer: DomSanitizer) {}
+    constructor(
+        @Inject(DomSanitizer) private readonly sanitizer: DomSanitizer,
+        @Inject(TUI_IS_CYPRESS) private readonly isCypress: boolean,
+    ) {}
 
     @tuiPure
     safe(content: string): SafeHtml {