-
Notifications
You must be signed in to change notification settings - Fork 5
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
53 changed files
with
986 additions
and
377 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,25 @@ | ||
| module.exports = { | ||
| env: { | ||
| node: true, | ||
| jest: true | ||
| }, | ||
| parserOptions: { | ||
| ecmaVersion: 12 | ||
| }, | ||
| ignorePatterns: ['tests/**/fixtures/**/*.js'], | ||
| rules: { | ||
| 'arrow-spacing': 'error', | ||
| quotes: ['error', 'single'], | ||
| 'space-before-function-paren': ['error', { | ||
| named: 'never', | ||
| anonymous: 'never' | ||
| }], | ||
| 'quote-props': ['error', 'as-needed'], | ||
| 'max-len': ['error', { | ||
| code: 100 | ||
| }], | ||
| 'newline-before-return': 'warn', | ||
| semi: 'warn', | ||
| indent: ['warn', 2, { SwitchCase: 1 }] | ||
| } | ||
| }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,55 @@ | ||
| name: Browserstack Acceptance Tests | ||
|
|
||
| on: | ||
| push: | ||
| branches-ignore: dev/* | ||
|
|
||
| jobs: | ||
| browserstack-safari-acceptance-tests: | ||
| name: Safari Acceptance Tests (Browserstack) | ||
| runs-on: ubuntu-latest | ||
| env: | ||
| BROWSERSTACK_USERNAME: ${{ secrets.BROWSERSTACK_USERNAME }} | ||
| BROWSERSTACK_ACCESS_KEY: ${{ secrets.BROWSERSTACK_ACCESS_KEY }} | ||
| steps: | ||
| - uses: actions/checkout@v2 | ||
| - uses: actions/setup-node@v1 | ||
| with: | ||
| node-version: 14 | ||
| - run: npm ci | ||
| - run: npm run setup-test-site | ||
| - run: npm run build-test-site | ||
| - name: Run Acceptance Tests | ||
| run: ./.github/run_browserstack_acceptance.sh browserstack:safari | ||
| browserstack-firefox-acceptance-tests: | ||
| name: Firefox Acceptance Tests (Browserstack) | ||
| runs-on: ubuntu-latest | ||
| env: | ||
| BROWSERSTACK_USERNAME: ${{ secrets.BROWSERSTACK_USERNAME }} | ||
| BROWSERSTACK_ACCESS_KEY: ${{ secrets.BROWSERSTACK_ACCESS_KEY }} | ||
| steps: | ||
| - uses: actions/checkout@v2 | ||
| - uses: actions/setup-node@v1 | ||
| with: | ||
| node-version: 14 | ||
| - run: npm ci | ||
| - run: npm run setup-test-site | ||
| - run: npm run build-test-site | ||
| - name: Run Acceptance Tests | ||
| run: ./.github/run_browserstack_acceptance.sh browserstack:firefox | ||
| browserstack-ie11-acceptance-tests: | ||
| name: IE11 Acceptance Tests (Browserstack) | ||
| runs-on: ubuntu-latest | ||
| env: | ||
| BROWSERSTACK_USERNAME: ${{ secrets.BROWSERSTACK_USERNAME }} | ||
| BROWSERSTACK_ACCESS_KEY: ${{ secrets.BROWSERSTACK_ACCESS_KEY }} | ||
| steps: | ||
| - uses: actions/checkout@v2 | ||
| - uses: actions/setup-node@v1 | ||
| with: | ||
| node-version: 14 | ||
| - run: npm ci | ||
| - run: npm run setup-test-site | ||
| - run: npm run build-test-site | ||
| - name: Run Acceptance Tests | ||
| run: ./.github/run_browserstack_acceptance.sh browserstack:ie@11.0 3 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| name: Headless Acceptance Tests | ||
|
|
||
| on: push | ||
|
|
||
| jobs: | ||
| headless-acceptance-tests: | ||
| name: Chrome Acceptance Tests (Headless) | ||
| runs-on: ubuntu-latest | ||
| steps: | ||
| - uses: actions/checkout@v2 | ||
| - uses: actions/setup-node@v1 | ||
| with: | ||
| node-version: 14 | ||
| - run: npm ci | ||
| - run: npm run setup-test-site | ||
| - run: npm run build-test-site | ||
| - name: Run Acceptance Tests | ||
| run: npm run acceptance -- --browsers chrome:headless |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,73 @@ | ||
| {{> cards/card_component componentName='multilang-document-standard' }} | ||
|
|
||
| class multilang_document_standardCardComponent extends BaseCard['multilang-document-standard'] { | ||
| constructor(config = {}, systemConfig = {}) { | ||
| super(config, systemConfig); | ||
| } | ||
|
|
||
| /** | ||
| * This returns an object that will be called `card` | ||
| * in the template. Put all mapping logic here. | ||
| * | ||
| * @param profile profile of the entity in the card | ||
| */ | ||
| dataForRender(profile) { | ||
| let detailsData = ''; | ||
| if (profile?.d_highlightedFields?.s_snippet) { | ||
| const { value, matchedSubstrings } = profile.d_highlightedFields.s_snippet; | ||
| detailsData = Formatter.highlightField(value, matchedSubstrings); | ||
| } else if (profile.s_snippet) { | ||
| detailsData = profile.s_snippet; | ||
| } | ||
|
|
||
| return { | ||
| title: profile.name, // The header text of the card | ||
| url: profile.website || profile.landingPageUrl, // If the card title is a clickable link, set URL here | ||
| target: '_top', // If the title's URL should open in a new tab, etc. | ||
| // image: '', // The URL of the image to display on the card | ||
| // altText: '', // The alternate text for the image | ||
| titleEventOptions: this.addDefaultEventOptions(), | ||
| subtitle: profile.externalArticleUpdateDate ? {{ translateJS phrase='Last Updated on [[date]]' date=profile.externalArticleUpdateDate }} : '', // The sub-header text of the card | ||
| details: detailsData, // The text in the body of the card | ||
| // The primary CTA of the card | ||
| CTA1: { | ||
| label: (profile.c_primaryCTA ? profile.c_primaryCTA.label : null), // The CTA's label | ||
| iconName: 'chevron', // The icon to use for the CTA | ||
| url: Formatter.generateCTAFieldTypeLink(profile.c_primaryCTA), // The URL a user will be directed to when clicking | ||
| target: '_top', // Where the new URL will be opened | ||
| eventType: 'CTA_CLICK', // Type of Analytics event fired when clicking the CTA | ||
| eventOptions: this.addDefaultEventOptions(), | ||
| // ariaLabel: '', // Accessible text providing a descriptive label for the CTA | ||
| }, | ||
| // The secondary CTA of the card | ||
| CTA2: { | ||
| label: profile.c_secondaryCTA ? profile.c_secondaryCTA.label : null, | ||
| iconName: 'chevron', | ||
| url: Formatter.generateCTAFieldTypeLink(profile.c_secondaryCTA), | ||
| target: '_top', | ||
| eventType: 'CTA_CLICK', | ||
| eventOptions: this.addDefaultEventOptions(), | ||
| // ariaLabel: '', | ||
| }, | ||
| feedback: false, // Shows thumbs up/down buttons to provide feedback on the result card | ||
| feedbackTextOnSubmission: {{ translateJS phrase='Thanks!' }}, // Text to display after a thumbs up/down is clicked | ||
| positiveFeedbackSrText: {{ translateJS phrase='This answered my question' }}, // Screen reader only text for thumbs-up | ||
| negativeFeedbackSrText: {{ translateJS phrase='This did not answer my question' }} // Screen reader only text for thumbs-down | ||
| }; | ||
| } | ||
|
|
||
| /** | ||
| * The template to render | ||
| * @returns {string} | ||
| * @override | ||
| */ | ||
| static defaultTemplateName (config) { | ||
| return 'cards/multilang-document-standard'; | ||
| } | ||
| } | ||
|
|
||
| ANSWERS.registerTemplate( | ||
| 'cards/multilang-document-standard', | ||
| {{{stringifyPartial (read 'cards/multilang-document-standard/template') }}} | ||
| ); | ||
| ANSWERS.registerComponentType(multilang_document_standardCardComponent); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,94 @@ | ||
| <div class="HitchhikerDocumentStandard {{cardName}}"> | ||
| {{> image }} | ||
| <div class="HitchhikerDocumentStandard-body"> | ||
| {{> title }} | ||
| {{> subtitle }} | ||
| <div class="HitchhikerDocumentStandard-contentWrapper"> | ||
| <div class="HitchhikerDocumentStandard-info"> | ||
| {{> details }} | ||
| </div> | ||
| {{> ctas }} | ||
| </div> | ||
| {{> thumbsfeedback card feedbackSubmitted=feedbackSubmitted}} | ||
| </div> | ||
| </div> | ||
|
|
||
| {{#*inline 'image'}} | ||
| {{#if card.image}} | ||
| <div class="HitchhikerDocumentStandard-imgWrapper"> | ||
| <img class="HitchhikerDocumentStandard-img" src="{{#unless (isNonRelativeUrl card.image)}}{{@root.relativePath}}/{{/unless}}{{card.image}}" alt="{{#if card.altText}}{{card.altText}}{{/if}}"/> | ||
| </div> | ||
| {{/if}} | ||
| {{/inline}} | ||
|
|
||
| {{#*inline 'title'}} | ||
| {{#if card.title}} | ||
| <div class="HitchhikerDocumentStandard-title"> | ||
| {{#if card.url}} | ||
| <a class="HitchhikerDocumentStandard-titleLink js-HitchhikerDocumentStandard-titleLink" | ||
| href="{{#unless (isNonRelativeUrl card.url)}}{{@root.relativePath}}/{{/unless}}{{card.url}}" | ||
| data-eventtype="TITLE_CLICK" | ||
| data-eventoptions='{{json card.titleEventOptions}}' | ||
| target={{#if card.target}}"{{card.target}}"{{else}}"_top"{{/if}}> | ||
| {{card.title}} | ||
| </a> | ||
| {{else}} | ||
| {{card.title}} | ||
| {{/if}} | ||
| </div> | ||
| {{/if}} | ||
| {{/inline}} | ||
|
|
||
| {{#*inline 'subtitle'}} | ||
| {{#if card.subtitle}} | ||
| <div class="HitchhikerDocumentStandard-subtitle"> | ||
| {{card.subtitle}} | ||
| </div> | ||
| {{/if}} | ||
| {{/inline}} | ||
|
|
||
| {{#*inline 'details'}} | ||
| {{#if card.details}} | ||
| <div class="HitchhikerDocumentStandard-cardDetails"> | ||
| <div class="HitchhikerDocumentStandard-detailsText js-HitchhikerCard-detailsText"> | ||
| {{{card.details}}} | ||
| </div> | ||
| </div> | ||
| {{/if}} | ||
| {{/inline}} | ||
|
|
||
| {{#*inline 'ctas'}} | ||
| {{#if (any (all card.CTA1 card.CTA1.url card.CTA1.label) (all card.CTA2 card.CTA2.url card.CTA2.label))}} | ||
| <div class="HitchhikerDocumentStandard-ctasWrapper"> | ||
| {{> CTA card.CTA1 ctaName="primaryCTA" }} | ||
| {{> CTA card.CTA2 ctaName="secondaryCTA" }} | ||
| </div> | ||
| {{/if}} | ||
| {{/inline}} | ||
|
|
||
| {{#*inline 'CTA'}} | ||
| {{#if (all url label)}} | ||
| <div class="HitchhikerDocumentStandard-{{ctaName}}"> | ||
| <a class="HitchhikerCTA js-HitchhikerCTA{{#if modifiers}} {{modifiers}}{{/if}}" | ||
| href="{{#unless (isNonRelativeUrl url)}}{{@root.relativePath}}/{{/unless}}{{url}}" | ||
| data-eventtype="{{eventType}}" | ||
| data-eventoptions='{{json eventOptions}}' | ||
| target="{{#if target}}{{target}}{{else}}_top{{/if}}" | ||
| {{#if ariaLabel}}aria-label="{{ariaLabel}}"{{/if}}> | ||
| {{#if (any iconName iconUrl)}} | ||
| <div class="HitchhikerCTA-iconWrapper"> | ||
| <div class="HitchhikerCTA-icon"> | ||
| {{> icons/iconPartial | ||
| iconName=iconName | ||
| iconUrl=(relativePathHandler url=iconUrl relativePath=@root.relativePath) | ||
| }} | ||
| </div> | ||
| </div> | ||
| {{/if}} | ||
| <div class='HitchhikerCTA-iconLabel'> | ||
| {{label}} | ||
| </div> | ||
| </a> | ||
| </div> | ||
| {{/if}} | ||
| {{/inline}} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.