Merge branch 'main' into release/v11.66.0

carbon-design-system · Sep 11, 2024 · 0097304 · 0097304
2 parents d580bd5 + b3bba86
commit 0097304
Show file tree

Hide file tree

Showing 8 changed files with 391 additions and 126 deletions.
diff --git a/.github/workflows/slack-office-hours-design.yml b/.github/workflows/slack-office-hours-design.yml
@@ -70,7 +70,7 @@ jobs:
                       "emoji": true
                     },
                     "value": "click_me_123",
-                    "url": "https://ec.yourlearning.ibm.com/w3/event/10408782",
+                    "url": "https://ec.yourlearning.ibm.com/w3/event/10463103",
                     "action_id": "button-action"
                   }
                 },

diff --git a/.github/workflows/slack-office-hours-dev.yml b/.github/workflows/slack-office-hours-dev.yml
@@ -161,7 +161,100 @@ jobs:
                       "emoji": true
                     },
                     "value": "click_me_123",
-                    "url": "https://ec.yourlearning.ibm.com/w3/enrollment/event/10322733",
+                    "url": "https://ec.yourlearning.ibm.com/w3/enrollment/event/10408799",
+                    "action_id": "button-action"
+                  }
+                },
+                {
+                  "type": "section",
+                  "text": {
+                    "type": "mrkdwn",
+                    "text": ":memo:  *Sign up to get help in a future session*     :ibm-arrow-right::ibm-arrow-right::ibm-arrow-right:"
+                  },
+                  "accessory": {
+                    "type": "button",
+                    "text": {
+                      "type": "plain_text",
+                      "text": "View the agenda",
+                      "emoji": true
+                    },
+                    "value": "click_me_123",
+                    "url": "https://ibm.biz/carbon-dev-office-hours",
+                    "action_id": "button-action"
+                  }
+                },
+                {
+                  "type": "divider"
+                }
+              ]
+            }
+        env:
+          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
+          SLACK_WEBHOOK_TYPE: INCOMING_WEBHOOK
+
+  post-reminder-to-carbon-ibmproducts-pal-dev:
+    name: Post dev reminder to ibmproducts-pal-dev
+    runs-on: ubuntu-latest
+    steps:
+      - name: Send custom JSON data to Slack workflow
+        id: slack
+        uses: slackapi/slack-github-action@37ebaef184d7626c5f204ab8d3baff4262dd30f0 # v1.27.0
+        with:
+          payload: |
+            {
+              "username": "Carbon Design System",
+              "icon_url": "https://user-images.githubusercontent.com/3360588/192045905-5d9705af-92e2-4432-805e-15db98571e8b.png",
+              "channel": "#ibmproducts-pal-dev",
+              "text": "Join us for Carbon Developer Office Hours!",
+              "blocks": [
+                {
+                  "type": "header",
+                  "text": {
+                    "type": "plain_text",
+                    "text": "Join us for Carbon Developer Office Hours!",
+                    "emoji": true
+                  }
+                },
+                {
+                  "type": "divider"
+                },
+                {
+                  "type": "image",
+                  "image_url": "https://github.com/user-attachments/assets/e12fb5b9-9657-4e7b-b1a1-e1149cca8956",
+                  "alt_text": "A terminal prompt symbol"
+                },
+                {
+                  "type": "section",
+                  "text": {
+                    "type": "mrkdwn",
+                    "text": ":thinking_face:   _Are you running into a weird bug you can’t resolve?_  \n\n_:question:  Do you have questions about using Carbon?_  \n\n :rocket:  _Would you like to discuss migrating from v10 to v11?_"
+                  }
+                },
+                {
+                  "type": "section",
+                  "text": {
+                    "type": "mrkdwn",
+                    "text": "*Carbon developer office hours* are a bi-weekly opportunity to discuss topics like these and get help from the team. Developers from the Carbon team will be available to help and answer questions. While it's very informal, please be prepared to screen share and show your issue!"
+                  }
+                },
+                {
+                  "type": "divider"
+                },
+                {
+                  "type": "section",
+                  "text": {
+                    "type": "mrkdwn",
+                    "text": ":yourlearning:  *Subscribe and add to your calendar*     :ibm-arrow-right::ibm-arrow-right::ibm-arrow-right:"
+                  },
+                  "accessory": {
+                    "type": "button",
+                    "text": {
+                      "type": "plain_text",
+                      "text": "Subscribe",
+                      "emoji": true
+                    },
+                    "value": "click_me_123",
+                    "url": "https://ec.yourlearning.ibm.com/w3/enrollment/event/10408799",
                     "action_id": "button-action"
                   }
                 },

diff --git a/e2e/components/InteractiveTag/InteractiveTag-test.avt.e2e.js b/e2e/components/InteractiveTag/InteractiveTag-test.avt.e2e.js
@@ -53,12 +53,30 @@ test.describe('@avt InteractiveTag', () => {
         theme: 'white',
       },
     });
+    await expect(
+      page.getByText('Tag content with a long text description').first()
+    ).toBeVisible();
+
     const tooltip = page.getByRole('tooltip');
-    const button = page.getByRole('button').first();
+    const button = page.getByRole('button').nth(1);
     await expect(button).toBeVisible();
     await page.keyboard.press('Tab');
+    await page.keyboard.press('Tab');
     await expect(button).toBeFocused();
     await expect(tooltip).toHaveAttribute('aria-hidden', 'false');
+
+    // Test dismissible functionality
+    await page.keyboard.press('Enter');
+    await expect(
+      page.getByText('Tag content with a long text description')
+    ).not.toBeVisible();
+
+    // Reset button click
+    await page.keyboard.press('Shift+Tab');
+    await page.keyboard.press('Enter');
+    await expect(
+      page.getByText('Tag content with a long text description').first()
+    ).toBeVisible();
   });
 
   test('@avt-keyboard-nav OperationalTag', async ({ page }) => {