Rewrote tests to follow Polaris test style

Shopify · Feb 11, 2020 · a9e1dd1 · a9e1dd1
1 parent f1b5269
commit a9e1dd1
Show file tree

Hide file tree

Showing 14 changed files with 596 additions and 193 deletions.
diff --git a/.storybook/polaris-readme-loader.js b/.storybook/polaris-readme-loader.js
@@ -177,7 +177,9 @@ import {
   TrapFocus,
   Truncate,
   UnstyledLink,
-  VisuallyHidden
+  VisuallyHidden,
+  VideoCard,
+  VideoThumbnail
 } from '@shopify/polaris';
 import {
   PlusMinor,

diff --git a/UNRELEASED.md b/UNRELEASED.md
@@ -2,11 +2,16 @@
 
 ### Breaking changes
 
+### New components
+
+- Added new components `VideoCard` and `VideoThumbnail` ([#2725](https://github.com/Shopify/polaris-react/pull/2725))
+
 ### Enhancements
 
 - Added high contrast outline to `ActionList` ([#2713](https://github.com/Shopify/polaris-react/pull/2713))
 - Added high contrast border to `Button` ([#2712](https://github.com/Shopify/polaris-react/pull/2712))
 - Added styled placeholder image to `Avatar` when initials are blank ([#2693](https://github.com/Shopify/polaris-react/pull/2693))
+- Added new components `VideoCard` and `VideoThumbnail` ([#2725](https://github.com/Shopify/polaris-react/pull/2725))
 
 ### Bug fixes
 

diff --git a/locales/en.json b/locales/en.json
@@ -4,11 +4,9 @@
       "label": "Avatar",
       "labelWithInitials": "Avatar with initials {initials}"
     },
-
     "Autocomplete": {
       "spinnerAccessibilityLabel": "Loading"
     },
-
     "Badge": {
       "PROGRESS_LABELS": {
         "incomplete": "Incomplete",
@@ -23,12 +21,10 @@
         "new": "New"
       }
     },
-
     "Button": {
       "spinnerAccessibilityLabel": "Loading",
       "connectedDisclosureAccessibilityLabel": "Related actions"
     },
-
     "Common": {
       "checkbox": "checkbox",
       "undo": "Undo",
@@ -39,19 +35,16 @@
       "submit": "Submit",
       "more": "More"
     },
-
     "ContextualSaveBar": {
       "save": "Save",
       "discard": "Discard"
     },
-
     "DataTable": {
       "sortAccessibilityLabel": "sort {direction} by",
       "navAccessibilityLabel": "Scroll table {direction} one column",
       "totalsRowHeading": "Totals",
       "totalRowHeading": "Total"
     },
-
     "DatePicker": {
       "previousMonth": "Show previous month, {previousMonthName} {showPreviousYear}",
       "nextMonth": "Show next month, {nextMonth} {nextYear}",
@@ -80,20 +73,17 @@
         "sunday": "Su"
       }
     },
-
     "DiscardConfirmationModal": {
       "title": "Discard all unsaved changes",
       "message": "If you discard changes, you’ll delete any edits you made since you last saved.",
       "primaryAction": "Discard changes",
       "secondaryAction": "Continue editing"
     },
-
     "DropZone": {
       "overlayTextFile": "Drop file to upload",
       "overlayTextImage": "Drop image to upload",
       "errorOverlayTextFile": "File type is not valid",
       "errorOverlayTextImage": "Image type is not valid",
-
       "FileUpload": {
         "actionTitleFile": "Add file",
         "actionTitleImage": "Add image",
@@ -102,28 +92,23 @@
         "label": "Upload file"
       }
     },
-
     "EmptySearchResult": {
       "altText": "Empty search results"
     },
-
     "Frame": {
       "skipToContent": "Skip to content",
       "Navigation": {
         "closeMobileNavigationLabel": "Close navigation"
       }
     },
-
     "Icon": {
       "backdropWarning": "The {color} icon doesn’t accept backdrops. The icon colors that have backdrops are: {colorsWithBackDrops}"
     },
-
     "ActionMenu": {
       "RollupActions": {
         "rollupButton": "Actions"
       }
     },
-
     "Filters": {
       "moreFilters": "More filters",
       "moreFiltersWithCount": "More filters ({count})",
@@ -135,23 +120,19 @@
       "clear": "Clear",
       "clearLabel": "Clear {filterName}"
     },
-
     "Modal": {
       "iFrameTitle": "body markup",
       "modalWarning": "These required properties are missing from Modal: {missingProps}"
     },
-
     "Pagination": {
       "previous": "Previous",
       "next": "Next",
       "pagination": "Pagination"
     },
-
     "ProgressBar": {
       "negativeWarningMessage": "Values passed to the progress prop shouldn’t be negative. Resetting {progress} to 0.",
       "exceedWarningMessage": "Values passed to the progress prop shouldn’t exceed 100. Setting {progress} to 100."
     },
-
     "ResourceList": {
       "sortingLabel": "Sort by",
       "defaultItemSingular": "item",
@@ -171,34 +152,28 @@
       "a11yCheckboxSelectAllMultiple": "Select all {itemsLength} {resourceNamePlural}",
       "ariaLiveSingular": "{itemsLength} item",
       "ariaLivePlural": "{itemsLength} items",
-
       "Item": {
         "actionsDropdownLabel": "Actions for {accessibilityLabel}",
         "actionsDropdown": "Actions dropdown",
         "viewItem": "View details for {itemName}"
       },
-
       "BulkActions": {
         "actionsActivatorLabel": "Actions",
         "moreActionsActivatorLabel": "More actions",
         "warningMessage": "To provide a better user experience. There should only be a maximum of {maxPromotedActions} promoted actions."
       },
-
       "FilterCreator": {
         "filterButtonLabel": "Filter",
         "selectFilterKeyPlaceholder": "Select a filter\u2026",
         "addFilterButtonLabel": "Add filter",
         "showAllWhere": "Show all {resourceNamePlural} where:"
       },
-
       "FilterControl": {
         "textFieldLabel": "Search {resourceNamePlural}"
       },
-
       "FilterValueSelector": {
         "selectFilterValuePlaceholder": "Select a filter\u2026"
       },
-
       "DateSelector": {
         "dateFilterLabel": "Select a value",
         "dateValueLabel": "Date",
@@ -230,35 +205,38 @@
         }
       }
     },
-
     "SkeletonPage": {
       "loadingLabel": "Page loading"
     },
-
     "Spinner": {
       "warningMessage": "The color {color} is not meant to be used on {size} spinners. The colors available on large spinners are: {colors}"
     },
-
     "Tabs": {
       "toggleTabsLabel": "More tabs"
     },
-
     "Tag": {
       "ariaLabel": "Remove {children}"
     },
-
     "TextField": {
       "characterCount": "{count} characters",
       "characterCountWithMaxLength": "{count} of {limit} characters used"
     },
-
     "TopBar": {
       "toggleMenuLabel": "Toggle menu",
-
       "SearchField": {
         "clearButtonLabel": "Clear",
         "search": "Search"
       }
+    },
+    "VideoCard": {
+      "popoverButton": "Actions"
+    },
+    "VideoThumbnail": {
+      "playButtonDefault": "Play video",
+      "playButtonWithTime": "Play video of length ",
+      "hoursLabel": "{hours} hours",
+      "minutesLabel": "{minutes} minutes",
+      "secondsLabel": "{seconds} seconds"
     }
   }
 }