feat(footer): dynamic copyright text (#318)

* feat(footer): dynamic copyright text * test(footer): update snapshots * test(footer): update visual snapshots
telekom · May 3, 2021 · 04d1ad3 · 04d1ad3
1 parent ecdfd2a
commit 04d1ad3
Show file tree

Hide file tree

Showing 8 changed files with 15 additions and 10 deletions.
diff --git a/packages/components/src/components/telekom/app-footer/__snapshots__/app-footer.spec.ts.snap b/packages/components/src/components/telekom/app-footer/__snapshots__/app-footer.spec.ts.snap
@@ -11,7 +11,7 @@ exports[`AppFooter should match snapshot 1`] = `
             <app-logo claim=""></app-logo>
           </div>
           <div class="footer-copyright">
-            © Deutsche Telekom GmbH
+            © Deutsche Telekom AG
           </div>
           <nav aria-label="bottom" class="footer-navigation">
             <ul></ul>

diff --git a/packages/components/src/components/telekom/app-footer/app-footer.tsx b/packages/components/src/components/telekom/app-footer/app-footer.tsx
@@ -32,6 +32,7 @@ export class AppFooter {
   @Prop() claimLang: string;
   @Prop() footerNavigation?: any = [];
   @Prop() variant?: string = 'standard';
+  @Prop() copyright?: string = '© Deutsche Telekom AG';
   /** (optional) Injected CSS styles */
   @Prop() styles?: string;
 
@@ -89,7 +90,7 @@ export class AppFooter {
               <div class="footer-branding">
                 <app-logo claim claimLang={this.claimLang}></app-logo>
               </div>
-              <div class="footer-copyright">© Deutsche Telekom GmbH</div>
+              <div class="footer-copyright">{this.copyright}</div>
               <nav aria-label="bottom" class="footer-navigation">
                 {this.footerMenu()}
               </nav>

diff --git a/packages/components/src/components/telekom/app-footer/readme.md b/packages/components/src/components/telekom/app-footer/readme.md
@@ -7,12 +7,13 @@
 
 ## Properties
 
-| Property           | Attribute           | Description                    | Type     | Default      |
-| ------------------ | ------------------- | ------------------------------ | -------- | ------------ |
-| `claimLang`        | `claim-lang`        |                                | `string` | `undefined`  |
-| `footerNavigation` | `footer-navigation` |                                | `any`    | `[]`         |
-| `styles`           | `styles`            | (optional) Injected CSS styles | `string` | `undefined`  |
-| `variant`          | `variant`           |                                | `string` | `'standard'` |
+| Property           | Attribute           | Description                    | Type     | Default                   |
+| ------------------ | ------------------- | ------------------------------ | -------- | ------------------------- |
+| `claimLang`        | `claim-lang`        |                                | `string` | `undefined`               |
+| `copyright`        | `copyright`         |                                | `string` | `'© Deutsche Telekom AG'` |
+| `footerNavigation` | `footer-navigation` |                                | `any`    | `[]`                      |
+| `styles`           | `styles`            | (optional) Injected CSS styles | `string` | `undefined`               |
+| `variant`          | `variant`           |                                | `string` | `'standard'`              |
 
 
 ## Dependencies

diff --git a/packages/storybook-vue/stories/3_components/footer/AppFooter.vue b/packages/storybook-vue/stories/3_components/footer/AppFooter.vue
@@ -3,6 +3,7 @@
     :claim-lang="claimLang"
     :footer-navigation="footerNavigation"
     :variant="variant"
+    :copyright="copyright"
   ></scale-app-footer>
 </template>
 
@@ -11,7 +12,8 @@ export default {
   props: {
     claimLang: String,
     footerNavigation: String,
-    variant: String
+    variant: String,
+    copyright: String,
   }
 };
 </script>
diff --git a/packages/storybook-vue/stories/3_components/footer/Footer.stories.mdx b/packages/storybook-vue/stories/3_components/footer/Footer.stories.mdx
@@ -33,6 +33,7 @@ export const Template = (args, { argTypes }) => ({
         :claim-lang="claimLang"
         :footer-navigation="footerNavigation"
         :variant="variant"
+        :copyright="copyright"
       >
       </scale-app-footer>
     </div>

diff --git a/packages/storybook-vue/stories/3_components/footer/footer.md b/packages/storybook-vue/stories/3_components/footer/footer.md
@@ -7,7 +7,7 @@ The footer finishes off all Telekom websites. Users can find important informati
 
 ## General
 
-Scale offers different variations of the footer. Links to the imprint and data protection information, as well as the acknowledgement of Deutsche Telekom as the content provider, are required for all variations.
+Scale offers different variations of the footer. Links to the legal notice and data protection information, as well as the acknowledgement of Deutsche Telekom as the content provider, are required for all variations.
 
 ## Basic Types
 

diff --git a/...l-tests/src/__image_snapshots__/footer-visual-spec-js-footer-minimal-1-snap.png b/...l-tests/src/__image_snapshots__/footer-visual-spec-js-footer-minimal-1-snap.png
diff --git a/...-tests/src/__image_snapshots__/footer-visual-spec-js-footer-standard-1-snap.png b/...-tests/src/__image_snapshots__/footer-visual-spec-js-footer-standard-1-snap.png