From 7ee05892a0ccd32e712e13b3275e5c6cfc6da6db Mon Sep 17 00:00:00 2001 From: Hussain Taj Date: Thu, 11 Jan 2024 16:39:05 +0500 Subject: [PATCH] update social links --- base-theme/assets/images/LinkedIn.png | Bin 3290 -> 0 bytes base-theme/assets/images/Twitter.png | Bin 3338 -> 0 bytes base-theme/assets/images/linkedin-black.png | Bin 0 -> 479 bytes .../images/x-formerly-twitter-black.png | Bin 0 -> 1776 bytes .../partials/footer-v2-social-icons.html | 4 +- base-theme/layouts/partials/footer.html | 6 +-- tests-e2e/ocw-ci-test-www/homepage.spec.ts | 35 +++++++++++++++++- www/assets/css/home.scss | 2 +- www/layouts/home.html | 5 ++- www/static/images/social-linkedin-blue.svg | 18 +++++++++ www/static/images/social-twitter-blue.svg | 1 - .../images/social-x-formerly-twitter-blue.svg | 14 +++++++ 12 files changed, 75 insertions(+), 10 deletions(-) delete mode 100644 base-theme/assets/images/LinkedIn.png delete mode 100644 base-theme/assets/images/Twitter.png create mode 100644 base-theme/assets/images/linkedin-black.png create mode 100644 base-theme/assets/images/x-formerly-twitter-black.png create mode 100644 www/static/images/social-linkedin-blue.svg delete mode 100644 www/static/images/social-twitter-blue.svg create mode 100644 www/static/images/social-x-formerly-twitter-blue.svg diff --git a/base-theme/assets/images/LinkedIn.png b/base-theme/assets/images/LinkedIn.png deleted file mode 100644 index d5cacda2ac8087e0c7d75991f35189be285e250a..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 3290 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 S8fY~D0000
@@ -21,7 +21,7 @@
diff --git a/base-theme/layouts/partials/footer.html b/base-theme/layouts/partials/footer.html index c7246688a..7ac9cffe5 100644 --- a/base-theme/layouts/partials/footer.html +++ b/base-theme/layouts/partials/footer.html @@ -81,7 +81,7 @@
  • - twitter + twitter
  • @@ -101,8 +101,8 @@ > LinkedIn
    • diff --git a/tests-e2e/ocw-ci-test-www/homepage.spec.ts b/tests-e2e/ocw-ci-test-www/homepage.spec.ts index 56706e420..f28c0d9da 100644 --- a/tests-e2e/ocw-ci-test-www/homepage.spec.ts +++ b/tests-e2e/ocw-ci-test-www/homepage.spec.ts @@ -1,9 +1,40 @@ import { test, expect } from "@playwright/test" -import { siteUrl } from "../util" +import { WwwPage, siteUrl } from "../util" -test("Course page have title in ", async ({ page }) => { +test("Home page has title in ", async ({ page }) => { await page.goto(siteUrl("www")) await expect(page).toHaveTitle( "MIT OpenCourseWare | Free Online Course Materials" ) }) + +test("Social links exist and open correct social media pages", async ({ + page +}) => { + const SOCIAL_LINKS = [ + ["facebook", /https:\/\/www.facebook.com\/MITOCW\/?/], + ["instagram", /https:\/\/www.instagram.com\/mitocw\/?/], + ["twitter", /https:\/\/twitter.com\/MITOCW\/?/], + ["youtube", /https:\/\/www.youtube.com\/mitocw\/?/], + ["linkedin", /https:\/\/www.linkedin.com\/company\/mit-opencourseware\/?/] + ] + + const www = new WwwPage(page) + await www.goto() + + for (const [name, url] of SOCIAL_LINKS) { + for (const location of [".social-icon-row", "#footer-container"]) { + const popupPromise = page.waitForEvent("popup") + + const link = page + .locator(location) + .getByRole("link", { name, exact: true }) + await expect(link).toBeVisible() + await link.click() + + const popup = await popupPromise + await popup.waitForURL(url, { timeout: 10000, waitUntil: "commit" }) + await popup.close() + } + } +}) diff --git a/www/assets/css/home.scss b/www/assets/css/home.scss index cb8175949..ccd7d1c07 100644 --- a/www/assets/css/home.scss +++ b/www/assets/css/home.scss @@ -251,7 +251,7 @@ $searchbox-height: 50px; } .social-icon-row { - width: 225px; + width: 270px; } > div { diff --git a/www/layouts/home.html b/www/layouts/home.html index 5e1d23983..133099b6f 100644 --- a/www/layouts/home.html +++ b/www/layouts/home.html @@ -128,11 +128,14 @@

    Your Donation Makes a Difference

    - + + + + diff --git a/www/static/images/social-linkedin-blue.svg b/www/static/images/social-linkedin-blue.svg new file mode 100644 index 000000000..8ca78a67c --- /dev/null +++ b/www/static/images/social-linkedin-blue.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/www/static/images/social-twitter-blue.svg b/www/static/images/social-twitter-blue.svg deleted file mode 100644 index f711b20f3..000000000 --- a/www/static/images/social-twitter-blue.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/www/static/images/social-x-formerly-twitter-blue.svg b/www/static/images/social-x-formerly-twitter-blue.svg new file mode 100644 index 000000000..f79fb28bf --- /dev/null +++ b/www/static/images/social-x-formerly-twitter-blue.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + +