@workday/canvas-kit-docs 5.3.15 → 5.4.0-next.1

package/dist/es6/lib/specs.js

@@ -2448,6 +2448,36 @@ module.exports = {specifications: [
                 ]
               }
             ]
+          },
+          {
+            "type": "describe",
+            "name": "given the [Components/Popups/Popup/React, FocusRedirect] example is rendered",
+            "children": [
+              {
+                "type": "describe",
+                "name": "when the \"Delete Item\" button is clicked",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should show the popup"
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the \"Delete\" button has focus and the tab key is pressed",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should hide the popup"
+                      },
+                      {
+                        "type": "it",
+                        "name": "should redirect focus to the \"Next Focusable Button\" button"
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
           }
         ]
       }
@@ -4579,7 +4609,7 @@ module.exports = {specifications: [
               },
               {
                 "type": "it",
-                "name": "should not have tabindex on the first tab"
+                "name": "should not have tabindex=-1 on the first tab"
               },
               {
                 "type": "it",
@@ -4633,7 +4663,7 @@ module.exports = {specifications: [
                       },
                       {
                         "type": "it",
-                        "name": "should not have tabindex on the second tab"
+                        "name": "should not have tabindex=-1 on the second tab"
                       },
                       {
                         "type": "it",
@@ -4681,7 +4711,7 @@ module.exports = {specifications: [
                             "children": [
                               {
                                 "type": "it",
-                                "name": "should not have tabindex on the first tab"
+                                "name": "should not have tabindex=-1 on the first tab"
                               },
                               {
                                 "type": "it",
@@ -4707,7 +4737,7 @@ module.exports = {specifications: [
                       },
                       {
                         "type": "it",
-                        "name": "should not have tabindex on the last tab"
+                        "name": "should not have tabindex=-1 on the last tab"
                       },
                       {
                         "type": "it",
@@ -4731,7 +4761,7 @@ module.exports = {specifications: [
                     "children": [
                       {
                         "type": "it",
-                        "name": "should not have tabindex on the first tab"
+                        "name": "should not have tabindex=-1 on the first tab"
                       },
                       {
                         "type": "it",
@@ -4745,7 +4775,7 @@ module.exports = {specifications: [
           },
           {
             "type": "describe",
-            "name": "given the [Components/Containers/Tabs/React, Named Keys] story is rendered",
+            "name": "given the [Components/Containers/Tabs/React, Named Tabs] story is rendered",
             "children": [
               {
                 "type": "it",
@@ -4769,7 +4799,7 @@ module.exports = {specifications: [
               },
               {
                 "type": "it",
-                "name": "should not have tabindex on the first tab"
+                "name": "should not have tabindex=-1 on the first tab"
               },
               {
                 "type": "it",
@@ -4823,7 +4853,7 @@ module.exports = {specifications: [
                       },
                       {
                         "type": "it",
-                        "name": "should not have tabindex on the second tab"
+                        "name": "should not have tabindex=-1 on the second tab"
                       },
                       {
                         "type": "it",
@@ -4871,7 +4901,7 @@ module.exports = {specifications: [
                             "children": [
                               {
                                 "type": "it",
-                                "name": "should not have tabindex on the first tab"
+                                "name": "should not have tabindex=-1 on the first tab"
                               },
                               {
                                 "type": "it",
@@ -4897,7 +4927,7 @@ module.exports = {specifications: [
                       },
                       {
                         "type": "it",
-                        "name": "should not have tabindex on the last tab"
+                        "name": "should not have tabindex=-1 on the last tab"
                       },
                       {
                         "type": "it",
@@ -4921,7 +4951,7 @@ module.exports = {specifications: [
                     "children": [
                       {
                         "type": "it",
-                        "name": "should not have tabindex on the first tab"
+                        "name": "should not have tabindex=-1 on the first tab"
                       },
                       {
                         "type": "it",
@@ -4937,6 +4967,20 @@ module.exports = {specifications: [
             "type": "describe",
             "name": "given the [Components/Containers/Tabs/React, DisabledTab] story is rendered",
             "children": [
+              {
+                "type": "describe",
+                "name": "when the Disabled Tab is clicked",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should not set \"[aria-selected=true]\" on the Disabled Tab"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should leave the first tab selected"
+                  }
+                ]
+              },
               {
                 "type": "describe",
                 "name": "when the first tab is active and focused",
@@ -4947,7 +4991,21 @@ module.exports = {specifications: [
                     "children": [
                       {
                         "type": "it",
-                        "name": "should skip over the second tab and focus on the third tab"
+                        "name": "should focus on the Disabled Tab"
+                      },
+                      {
+                        "type": "describe",
+                        "name": "when the enter key is pressed",
+                        "children": [
+                          {
+                            "type": "it",
+                            "name": "should not set \"[aria-selected=true]\" on the Disabled Tab"
+                          },
+                          {
+                            "type": "it",
+                            "name": "should leave the first tab selected"
+                          }
+                        ]
                       }
                     ]
                   }
@@ -4985,7 +5043,7 @@ module.exports = {specifications: [
                 "children": [
                   {
                     "type": "describe",
-                    "name": "then the Backspace/Delete key is pressed",
+                    "name": "then the Delete key is pressed",
                     "children": [
                       {
                         "type": "it",
@@ -5009,7 +5067,7 @@ module.exports = {specifications: [
                     "children": [
                       {
                         "type": "describe",
-                        "name": "then the Backspace/Delete key is pressed",
+                        "name": "then the Delete key is pressed",
                         "children": [
                           {
                             "type": "it",
@@ -5029,7 +5087,7 @@ module.exports = {specifications: [
                           },
                           {
                             "type": "describe",
-                            "name": "then the Backspace/Delete key is pressed again",
+                            "name": "then the Delete key is pressed again",
                             "children": [
                               {
                                 "type": "it",
@@ -5047,7 +5105,7 @@ module.exports = {specifications: [
                     "children": [
                       {
                         "type": "describe",
-                        "name": "then the Backspace/Delete key is pressed",
+                        "name": "then the Delete key is pressed",
                         "children": [
                           {
                             "type": "it",
@@ -5101,7 +5159,7 @@ module.exports = {specifications: [
                       },
                       {
                         "type": "it",
-                        "name": "should not have tabindex on the second tab"
+                        "name": "should not have tabindex=-1 on the second tab"
                       },
                       {
                         "type": "it",
@@ -5133,7 +5191,7 @@ module.exports = {specifications: [
                       },
                       {
                         "type": "it",
-                        "name": "should not have tabindex on the last tab"
+                        "name": "should not have tabindex=-1 on the last tab"
                       },
                       {
                         "type": "it",
@@ -5144,6 +5202,90 @@ module.exports = {specifications: [
                 ]
               }
             ]
+          },
+          {
+            "type": "describe",
+            "name": "when [Components/Containers/Tabs/React, OverflowTabs] story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should pass axe checks"
+              },
+              {
+                "type": "it",
+                "name": "should not show the \"More\" button"
+              },
+              {
+                "type": "describe",
+                "name": "when the \"First Tab\" is focused",
+                "children": [
+                  {
+                    "type": "describe",
+                    "name": "when the Tab key is pressed",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should focus on the tab panel"
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                "type": "describe",
+                "name": "when tab list container is only 500px wide",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should pass axe checks"
+                  },
+                  {
+                    "type": "it",
+                    "name": "should show the \"More\" button"
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the \"First Tab\" is focused",
+                    "children": [
+                      {
+                        "type": "describe",
+                        "name": "when the Tab key is pressed",
+                        "children": [
+                          {
+                            "type": "it",
+                            "name": "should focus on the \"More\" button"
+                          }
+                        ]
+                      }
+                    ]
+                  },
+                  {
+                    "type": "describe",
+                    "name": "when the \"More\" button is clicked",
+                    "children": [
+                      {
+                        "type": "it",
+                        "name": "should show the Tab overflow menu"
+                      },
+                      {
+                        "type": "describe",
+                        "name": "when the \"Sixth Tab\" is clicked",
+                        "children": [
+                          {
+                            "type": "it",
+                            "name": "should select the Sixth Tab"
+                          },
+                          {
+                            "type": "it",
+                            "name": "should move focus back to the \"More\" button"
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
           }
         ]
       }
@@ -5283,6 +5425,140 @@ module.exports = {specifications: [
       }
     ]
   },
+  {
+    "type": "file",
+    "name": "TextAreaPreview.spec.ts",
+    "children": [
+      {
+        "type": "describe",
+        "name": "Text Area",
+        "children": [
+          {
+            "type": "describe",
+            "name": "given the 'Basic' story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "describe",
+                "name": "when clicked",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should be focused"
+                  }
+                ]
+              },
+              {
+                "type": "describe",
+                "name": "when text is entered",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should reflect the text typed"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given the 'Alert' story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "describe",
+                "name": "when clicked",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should be focused"
+                  }
+                ]
+              },
+              {
+                "type": "describe",
+                "name": "when text is entered",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should reflect the text typed"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given the 'Error' story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "describe",
+                "name": "when clicked",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should be focused"
+                  }
+                ]
+              },
+              {
+                "type": "describe",
+                "name": "when text is entered",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should reflect the text typed"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given the 'Disabled' story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "it",
+                "name": "should be disabled"
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given the 'Placeholder' story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "it",
+                "name": "should render a placeholder text"
+              },
+              {
+                "type": "it",
+                "name": "should reflect the text typed"
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
   {
     "type": "file",
     "name": "TextInput.spec.ts",
@@ -5417,6 +5693,140 @@ module.exports = {specifications: [
       }
     ]
   },
+  {
+    "type": "file",
+    "name": "TextInputPreview.spec.ts",
+    "children": [
+      {
+        "type": "describe",
+        "name": "Text Input",
+        "children": [
+          {
+            "type": "describe",
+            "name": "given the 'Basic' story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "describe",
+                "name": "when clicked",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should be focused"
+                  }
+                ]
+              },
+              {
+                "type": "describe",
+                "name": "when text is entered",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should reflect the text typed"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given the 'Alert' story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "describe",
+                "name": "when clicked",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should be focused"
+                  }
+                ]
+              },
+              {
+                "type": "describe",
+                "name": "when text is entered",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should reflect the text typed"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given the 'Error' story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "describe",
+                "name": "when clicked",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should be focused"
+                  }
+                ]
+              },
+              {
+                "type": "describe",
+                "name": "when text is entered",
+                "children": [
+                  {
+                    "type": "it",
+                    "name": "should reflect the text typed"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given the 'Disabled' story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "it",
+                "name": "should be disabled"
+              }
+            ]
+          },
+          {
+            "type": "describe",
+            "name": "given the 'Placeholder' story is rendered",
+            "children": [
+              {
+                "type": "it",
+                "name": "should not have any axe errors"
+              },
+              {
+                "type": "it",
+                "name": "should render a placeholder text"
+              },
+              {
+                "type": "it",
+                "name": "should reflect the text typed"
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
   {
     "type": "file",
     "name": "Toast.spec.ts",
@@ -5633,7 +6043,7 @@ module.exports = {specifications: [
               },
               {
                 "type": "describe",
-                "name": "when the \"Delete\" button is hovered",
+                "name": "when the \"Some Text\" text is hovered",
                 "children": [
                   {
                     "type": "it",