Add tests for translation feature

FOSSalyze · Mar 11, 2024 · 5805261 · 5805261
1 parent 53bcb6a
commit 5805261
Show file tree

Hide file tree

Showing 4 changed files with 78 additions and 3 deletions.
diff --git a/cypress/e2e/pf-iframe.technical.cy.ts b/cypress/e2e/pf-iframe.technical.cy.ts
@@ -390,5 +390,63 @@ for (const config of runConfigurations) {
             });
 
         });
+
+        describe('translation', () => {
+            it('english translation is applied', () => {
+                cy.visit(config.baseUrl);
+
+                cy.get('pf-iframe').invoke('text').should('contain', 'By continuing, you consent');
+                cy.get('button').invoke('text').should('contain', 'Yes, proceed');
+            });
+
+            it('english templates successfully', () => {
+                cy.visit(config.baseUrl);
+
+                cy.get('pf-iframe').invoke('text').should('contain', config.youtubeUrl);
+                cy.get('pf-iframe').invoke('text').should('contain', ' www.youtube.com.');
+            });
+
+            it('translation passed to window is applied', () => {
+                cy.visit(config.noTranslationUrl, {
+                    onBeforeLoad: (win: TestWindow) => {
+                        win._pfiFrameConfig = {
+                            translation: {
+                                consentPromptMessage: 'This is a custom message',
+                                consentButtonLabel: 'Custom label',
+                            },
+                        };
+                    },
+                });
+
+                cy.get('pf-iframe').invoke('text').should('contain', 'This is a custom message');
+                cy.get('button').invoke('text').should('contain', 'Custom label');
+
+                cy.get('pf-iframe').invoke('text').should('not.contain', 'By continuing, you consent');
+                cy.get('button').invoke('text').should('not.contain', 'Yes, proceed');
+
+                // Checking that no template is applied as well as non is given
+                cy.get('pf-iframe').invoke('text').should('not.contain', 'youtube');
+                cy.get('button').invoke('text').should('not.contain', 'youtube');
+            });
+
+            it('templating works with custom translation', () => {
+                cy.visit(config.noTranslationUrl, {
+                    onBeforeLoad: (win: TestWindow) => {
+                        win._pfiFrameConfig = {
+                            translation: {
+                                consentPromptMessage: 'This is the src: ${src}. This is the domain: ${domain}.',
+                                consentButtonLabel: 'This is the src: ${src}. This is the domain: ${domain}.',
+                            },
+                        };
+                    },
+                });
+
+                cy.get('pf-iframe').invoke('text').should('contain', config.youtubeUrl);
+                cy.get('pf-iframe').invoke('text').should('contain', ' www.youtube.com.');
+
+                cy.get('button').invoke('text').should('contain', config.youtubeUrl);
+                cy.get('button').invoke('text').should('contain', ' www.youtube.com.');
+            });
+        })
     });
 }
diff --git a/cypress/e2e/run-configurations.ts b/cypress/e2e/run-configurations.ts
@@ -1,6 +1,5 @@
 export const runConfigurations = [
-    // {baseUrl: '/lib/', name: 'Library'},
-    {baseUrl: '/', name: 'Production'},
+    {name: 'Production', baseUrl: '/', noTranslationUrl: '/no-translation.html', youtubeUrl: 'https://www.youtube.com/embed/bHQqvYy5KYo?si=qwupSWrLGQcMmRMI'},
 ]
 
 export const attributeMap = [

diff --git a/cypress/e2e/util/types.ts b/cypress/e2e/util/types.ts
@@ -1,4 +1,4 @@
-import { PFIFrameConfig } from '../../../src/types';
+import { PFIFrameConfig, PFIFrameTranslation } from '../../../src/types';
 export type TestWindow = {
     executed: boolean;
     caughtData: any;
@@ -7,5 +7,6 @@ export type TestWindow = {
         byId?: {
             [id: string]: PFIFrameConfig;
         };
+        translation?: PFIFrameTranslation;
     };
 } & Cypress.AUTWindow;
diff --git a/test/no-translation.html b/test/no-translation.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <script src="/pf-iframe/pf-iframe.min.js"></script>
+    <link rel="stylesheet" href="/pf-iframe/pf-iframe.min.css">
+    </link>
+</head>
+
+<body>
+    <pf-iframe id="test-pf-iframe" width="560" height="315" src="https://www.youtube.com/embed/bHQqvYy5KYo?si=qwupSWrLGQcMmRMI"
+        title="YouTube video player" frameborder="0"
+        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+        allowfullscreen></pf-iframe>
+</body>
+
+</html>