Update Tailwindcss dependencies (#3253)

Co-authored-by: Olga Bulat <obulat@gmail.com>

frontend/package.json

@@ -67,7 +67,6 @@
     "@nuxtjs/svg-sprite": "0.5.2",
     "@pinia/nuxt": "0.2.1",
     "@popperjs/core": "^2.11.8",
-    "@tailwindcss/typography": "^0.5.9",
     "@vueuse/core": "^10.2.1",
     "@wordpress/is-shallow-equal": "^4.6.0",
     "async-mutex": "^0.3.2",
@@ -107,6 +106,7 @@
     "@nuxtjs/storybook": "^4.3.2",
     "@pinia/testing": "^0.0.15",
     "@playwright/test": "1.30.0",
+    "@tailwindcss/typography": "^0.5.10",
     "@testing-library/dom": "^8.13.0",
     "@testing-library/jest-dom": "^5.16.1",
     "@testing-library/user-event": "^14.0.0",
@@ -118,7 +118,7 @@
     "@types/uuid": "^9.0.6",
     "@vue/test-utils": "^1.1.3",
     "adm-zip": "^0.5.10",
-    "autoprefixer": "^10.4.0",
+    "autoprefixer": "^10.4.16",
     "axios-rate-limit": "^1.3.0",
     "babel-core": "^7.0.0-bridge.0",
     "babel-jest": "^26.6.3",
@@ -134,7 +134,7 @@
     "postcss": "^8.4.31",
     "qs": "^6.11.0",
     "rimraf": "^3.0.2",
-    "tailwindcss": "^3.3.0",
+    "tailwindcss": "^3.3.5",
     "talkback": "^3.0.1",
     "ts-node": "^10.9.1",
     "typescript": "^4.9.5",

frontend/src/pages/search-help.vue

@@ -18,7 +18,7 @@
     <h2>{{ $t("searchGuide.combine.title") }}</h2>
 
     <p>{{ $t("searchGuide.combine.description") }}</p>
-    <ul class="not-prose marker:text-dark-charcoal-20">
+    <ul class="not-prose list-inside list-disc marker:text-dark-charcoal-20">
       <i18n
         v-for="[name, operator] in Object.entries(operators)"
         :key="name"

frontend/test/playwright/visual-regression/pages/pages.spec.ts

@@ -1,13 +1,11 @@
 import { expect, test } from "@playwright/test"
 
 import breakpoints from "~~/test/playwright/utils/breakpoints"
-import { removeHiddenOverflow } from "~~/test/playwright/utils/page"
 import {
-  closeFiltersUsingCookies,
   dismissBannersUsingCookies,
   languageDirections,
   pathWithDir,
-  setBreakpointCookie,
+  preparePageForTests,
 } from "~~/test/playwright/utils/navigation"
 
 test.describe.configure({ mode: "parallel" })
@@ -23,19 +21,11 @@ const contentPages = [
 for (const contentPage of contentPages) {
   for (const dir of languageDirections) {
     test.describe(`${contentPage} ${dir} page snapshots`, () => {
-      test.describe.configure({ retries: 2 })
-
       breakpoints.describeEvery(({ breakpoint, expectSnapshot }) => {
-        test.beforeEach(async ({ page }) => {
-          await dismissBannersUsingCookies(page)
-          await closeFiltersUsingCookies(page)
-          await setBreakpointCookie(page, breakpoint)
+        test("full page", async ({ page }) => {
+          await preparePageForTests(page, breakpoint)
 
           await page.goto(pathWithDir(contentPage, dir))
-        })
-
-        test("full page", async ({ page }) => {
-          await removeHiddenOverflow(page)
           // Make sure header is not hovered on
           await page.mouse.move(150, 150)
           await expectSnapshot(`${contentPage}-${dir}`, page, {