From 22966f46c676cb53114d0ccb7043ab6a759712d9 Mon Sep 17 00:00:00 2001 From: bfintal Date: Fri, 14 Aug 2026 15:38:06 +0800 Subject: [PATCH] test: slim Jest unit tests to the WordPress preset Drop stale v2 snapshots and RTL smokes, keep V3 helper tests on the WP Jest overlay, and run them in CI. --- .github/workflows/js-unit.yml | 40 ++ AGENTS.md | 3 +- jest.config.js | 64 +-- package.json | 6 +- src/__test__/util.test.js | 127 ----- .../style/__test__/index.test.js | 118 +--- .../__test__/index.test.js | 54 -- .../blend-mode-control/__test__/index.test.js | 19 - .../code-textarea/__test__/index.test.js | 17 - .../control-separator/__test__/index.test.js | 9 - .../__test__/index.test.js | 11 +- .../__test__/index.test.js | 33 -- .../__test__/search.test.js | 18 - .../block/accordion/__test__/frontend.test.js | 38 -- .../v2/block/accordion/__test__/style.test.js | 44 -- .../__test__/__snapshots__/save.test.js.snap | 70 --- .../__test__/__snapshots__/style.test.js.snap | 227 -------- .../block/blockquote/__test__/index.test.js | 13 - .../v2/block/blockquote/__test__/save.test.js | 28 - .../block/blockquote/__test__/style.test.js | 21 - .../__test__/__snapshots__/save.test.js.snap | 57 -- .../__test__/__snapshots__/style.test.js.snap | 282 ---------- .../block/blog-posts/__test__/index.test.js | 13 - .../v2/block/blog-posts/__test__/save.test.js | 28 - .../block/blog-posts/__test__/style.test.js | 21 - .../__test__/__snapshots__/save.test.js.snap | 119 ---- .../__test__/__snapshots__/style.test.js.snap | 192 ------- .../v2/block/button/__test__/index.test.js | 13 - .../v2/block/button/__test__/save.test.js | 29 - .../v2/block/button/__test__/style.test.js | 23 - .../__test__/__snapshots__/save.test.js.snap | 74 --- .../__test__/__snapshots__/style.test.js.snap | 330 ----------- .../call-to-action/__test__/index.test.js | 13 - .../call-to-action/__test__/save.test.js | 28 - .../call-to-action/__test__/style.test.js | 21 - .../__test__/__snapshots__/save.test.js.snap | 153 ------ .../__test__/__snapshots__/style.test.js.snap | 329 ----------- .../v2/block/card/__test__/index.test.js | 13 - .../v2/block/card/__test__/save.test.js | 28 - .../v2/block/card/__test__/style.test.js | 21 - .../__test__/__snapshots__/save.test.js.snap | 60 -- .../__test__/__snapshots__/style.test.js.snap | 381 ------------- .../v2/block/container/__test__/index.test.js | 13 - .../v2/block/container/__test__/save.test.js | 28 - .../v2/block/container/__test__/style.test.js | 21 - .../__test__/__snapshots__/save.test.js.snap | 121 ---- .../__test__/__snapshots__/style.test.js.snap | 259 --------- .../v2/block/count-up/__test__/index.test.js | 13 - .../v2/block/count-up/__test__/save.test.js | 28 - .../v2/block/count-up/__test__/style.test.js | 21 - .../__test__/__snapshots__/save.test.js.snap | 43 -- .../__test__/__snapshots__/style.test.js.snap | 39 -- .../v2/block/divider/__test__/index.test.js | 13 - .../v2/block/divider/__test__/save.test.js | 28 - .../v2/block/divider/__test__/style.test.js | 21 - .../__test__/__snapshots__/save.test.js.snap | 110 ---- .../__test__/__snapshots__/style.test.js.snap | 162 ------ .../v2/block/expand/__test__/index.test.js | 13 - .../v2/block/expand/__test__/save.test.js | 28 - .../v2/block/expand/__test__/style.test.js | 21 - .../__test__/__snapshots__/save.test.js.snap | 181 ------ .../__test__/__snapshots__/style.test.js.snap | 335 ----------- .../block/feature-grid/__test__/index.test.js | 13 - .../block/feature-grid/__test__/save.test.js | 28 - .../block/feature-grid/__test__/style.test.js | 21 - .../__test__/__snapshots__/save.test.js.snap | 102 ---- .../__test__/__snapshots__/style.test.js.snap | 254 --------- .../v2/block/feature/__test__/index.test.js | 13 - .../v2/block/feature/__test__/save.test.js | 28 - .../v2/block/feature/__test__/style.test.js | 21 - .../__test__/__snapshots__/save.test.js.snap | 116 ---- .../__test__/__snapshots__/style.test.js.snap | 368 ------------- .../v2/block/header/__test__/index.test.js | 13 - .../v2/block/header/__test__/save.test.js | 28 - .../v2/block/header/__test__/style.test.js | 21 - .../__test__/__snapshots__/save.test.js.snap | 66 --- .../__test__/__snapshots__/style.test.js.snap | 187 ------- .../v2/block/icon-list/__test__/index.test.js | 13 - .../v2/block/icon-list/__test__/save.test.js | 29 - .../v2/block/icon-list/__test__/style.test.js | 23 - .../__test__/__snapshots__/save.test.js.snap | 241 -------- .../__test__/__snapshots__/style.test.js.snap | 318 ----------- .../v2/block/image-box/__test__/index.test.js | 13 - .../v2/block/image-box/__test__/save.test.js | 28 - .../v2/block/image-box/__test__/style.test.js | 21 - .../__test__/__snapshots__/save.test.js.snap | 92 ---- .../__test__/__snapshots__/style.test.js.snap | 319 ----------- .../block/notification/__test__/index.test.js | 13 - .../block/notification/__test__/save.test.js | 28 - .../block/notification/__test__/style.test.js | 21 - .../__test__/__snapshots__/save.test.js.snap | 101 ---- .../__test__/__snapshots__/style.test.js.snap | 294 ---------- .../block/number-box/__test__/index.test.js | 13 - .../v2/block/number-box/__test__/save.test.js | 28 - .../block/number-box/__test__/style.test.js | 21 - .../__test__/__snapshots__/save.test.js.snap | 199 ------- .../__test__/__snapshots__/style.test.js.snap | 437 --------------- .../block/pricing-box/__test__/index.test.js | 13 - .../block/pricing-box/__test__/save.test.js | 28 - .../block/pricing-box/__test__/style.test.js | 21 - .../__test__/__snapshots__/save.test.js.snap | 82 --- .../__test__/__snapshots__/style.test.js.snap | 119 ---- .../v2/block/separator/__test__/index.test.js | 13 - .../v2/block/separator/__test__/save.test.js | 28 - .../v2/block/separator/__test__/style.test.js | 21 - .../__test__/__snapshots__/save.test.js.snap | 40 -- .../__test__/__snapshots__/style.test.js.snap | 111 ---- .../v2/block/spacer/__test__/index.test.js | 13 - .../v2/block/spacer/__test__/save.test.js | 28 - .../v2/block/spacer/__test__/style.test.js | 21 - .../__test__/__snapshots__/save.test.js.snap | 374 ------------- .../__test__/__snapshots__/style.test.js.snap | 395 ------------- .../block/team-member/__test__/index.test.js | 13 - .../block/team-member/__test__/save.test.js | 28 - .../block/team-member/__test__/style.test.js | 21 - .../__test__/__snapshots__/save.test.js.snap | 135 ----- .../__test__/__snapshots__/style.test.js.snap | 320 ----------- .../block/testimonial/__test__/index.test.js | 13 - .../block/testimonial/__test__/save.test.js | 28 - .../block/testimonial/__test__/style.test.js | 21 - .../__test__/__snapshots__/save.test.js.snap | 69 --- .../__test__/__snapshots__/style.test.js.snap | 144 ----- .../block/video-popup/__test__/index.test.js | 13 - .../block/video-popup/__test__/save.test.js | 28 - .../block/video-popup/__test__/style.test.js | 21 - .../block-styles/__test__/index.test.js | 258 --------- .../__test__/listener.test.js | 54 -- .../__test__/index.test.js | 19 - .../__test__/is-invalid.test.js | 520 ------------------ src/test/ajax-stub.js | 6 - src/test/dom-ready-stub.js | 1 + src/test/file-stub.js | 1 + src/test/file-transformer.js | 8 - src/test/helpers.js | 140 ----- src/test/image-stub.js | 6 - src/test/index.js | 2 - src/test/scss-stub.js | 6 - src/test/setup-test-framework.js | 28 +- src/test/shared/block-attributes.js | 19 - src/test/shared/block-style.js | 28 - src/test/shared/index.js | 2 - src/test/stackable-mock.js | 7 + src/test/wp-admin-stub.js | 8 + src/test/wp-plugins.js | 6 - src/util/__test__/index.test.js | 28 +- src/util/attributes/__test__/index.test.js | 76 +++ src/welcome/__test__/videos.test.js | 37 -- 147 files changed, 208 insertions(+), 11430 deletions(-) create mode 100644 .github/workflows/js-unit.yml delete mode 100644 src/__test__/util.test.js delete mode 100644 src/components/base-control-multi-label/__test__/index.test.js delete mode 100644 src/components/blend-mode-control/__test__/index.test.js delete mode 100644 src/components/code-textarea/__test__/index.test.js delete mode 100644 src/components/control-separator/__test__/index.test.js delete mode 100644 src/components/icon-search-popover/__test__/index.test.js delete mode 100644 src/components/icon-search-popover/__test__/search.test.js delete mode 100644 src/deprecated/v2/block/accordion/__test__/frontend.test.js delete mode 100644 src/deprecated/v2/block/accordion/__test__/style.test.js delete mode 100644 src/deprecated/v2/block/blockquote/__test__/__snapshots__/save.test.js.snap delete mode 100644 src/deprecated/v2/block/blockquote/__test__/__snapshots__/style.test.js.snap delete mode 100644 src/deprecated/v2/block/blockquote/__test__/index.test.js delete mode 100644 src/deprecated/v2/block/blockquote/__test__/save.test.js delete mode 100644 src/deprecated/v2/block/blockquote/__test__/style.test.js delete mode 100644 src/deprecated/v2/block/blog-posts/__test__/__snapshots__/save.test.js.snap delete mode 100644 src/deprecated/v2/block/blog-posts/__test__/__snapshots__/style.test.js.snap delete mode 100644 src/deprecated/v2/block/blog-posts/__test__/index.test.js delete mode 100644 src/deprecated/v2/block/blog-posts/__test__/save.test.js delete mode 100644 src/deprecated/v2/block/blog-posts/__test__/style.test.js delete mode 100644 src/deprecated/v2/block/button/__test__/__snapshots__/save.test.js.snap delete mode 100644 src/deprecated/v2/block/button/__test__/__snapshots__/style.test.js.snap delete mode 100644 src/deprecated/v2/block/button/__test__/index.test.js delete mode 100644 src/deprecated/v2/block/button/__test__/save.test.js delete mode 100644 src/deprecated/v2/block/button/__test__/style.test.js delete mode 100644 src/deprecated/v2/block/call-to-action/__test__/__snapshots__/save.test.js.snap delete mode 100644 src/deprecated/v2/block/call-to-action/__test__/__snapshots__/style.test.js.snap delete mode 100644 src/deprecated/v2/block/call-to-action/__test__/index.test.js delete mode 100644 src/deprecated/v2/block/call-to-action/__test__/save.test.js delete mode 100644 src/deprecated/v2/block/call-to-action/__test__/style.test.js delete mode 100644 src/deprecated/v2/block/card/__test__/__snapshots__/save.test.js.snap delete mode 100644 src/deprecated/v2/block/card/__test__/__snapshots__/style.test.js.snap delete mode 100644 src/deprecated/v2/block/card/__test__/index.test.js delete mode 100644 src/deprecated/v2/block/card/__test__/save.test.js delete mode 100644 src/deprecated/v2/block/card/__test__/style.test.js delete mode 100644 src/deprecated/v2/block/container/__test__/__snapshots__/save.test.js.snap delete mode 100644 src/deprecated/v2/block/container/__test__/__snapshots__/style.test.js.snap delete mode 100644 src/deprecated/v2/block/container/__test__/index.test.js delete mode 100644 src/deprecated/v2/block/container/__test__/save.test.js delete mode 100644 src/deprecated/v2/block/container/__test__/style.test.js delete mode 100644 src/deprecated/v2/block/count-up/__test__/__snapshots__/save.test.js.snap delete mode 100644 src/deprecated/v2/block/count-up/__test__/__snapshots__/style.test.js.snap delete mode 100644 src/deprecated/v2/block/count-up/__test__/index.test.js delete mode 100644 src/deprecated/v2/block/count-up/__test__/save.test.js delete mode 100644 src/deprecated/v2/block/count-up/__test__/style.test.js delete mode 100644 src/deprecated/v2/block/divider/__test__/__snapshots__/save.test.js.snap delete mode 100644 src/deprecated/v2/block/divider/__test__/__snapshots__/style.test.js.snap delete mode 100644 src/deprecated/v2/block/divider/__test__/index.test.js delete mode 100644 src/deprecated/v2/block/divider/__test__/save.test.js delete mode 100644 src/deprecated/v2/block/divider/__test__/style.test.js delete mode 100644 src/deprecated/v2/block/expand/__test__/__snapshots__/save.test.js.snap delete mode 100644 src/deprecated/v2/block/expand/__test__/__snapshots__/style.test.js.snap delete mode 100644 src/deprecated/v2/block/expand/__test__/index.test.js delete mode 100644 src/deprecated/v2/block/expand/__test__/save.test.js delete mode 100644 src/deprecated/v2/block/expand/__test__/style.test.js delete mode 100644 src/deprecated/v2/block/feature-grid/__test__/__snapshots__/save.test.js.snap delete mode 100644 src/deprecated/v2/block/feature-grid/__test__/__snapshots__/style.test.js.snap delete mode 100644 src/deprecated/v2/block/feature-grid/__test__/index.test.js delete mode 100644 src/deprecated/v2/block/feature-grid/__test__/save.test.js delete mode 100644 src/deprecated/v2/block/feature-grid/__test__/style.test.js delete mode 100644 src/deprecated/v2/block/feature/__test__/__snapshots__/save.test.js.snap delete mode 100644 src/deprecated/v2/block/feature/__test__/__snapshots__/style.test.js.snap delete mode 100644 src/deprecated/v2/block/feature/__test__/index.test.js delete mode 100644 src/deprecated/v2/block/feature/__test__/save.test.js delete mode 100644 src/deprecated/v2/block/feature/__test__/style.test.js delete mode 100644 src/deprecated/v2/block/header/__test__/__snapshots__/save.test.js.snap delete mode 100644 src/deprecated/v2/block/header/__test__/__snapshots__/style.test.js.snap delete mode 100644 src/deprecated/v2/block/header/__test__/index.test.js delete mode 100644 src/deprecated/v2/block/header/__test__/save.test.js delete mode 100644 src/deprecated/v2/block/header/__test__/style.test.js delete mode 100644 src/deprecated/v2/block/icon-list/__test__/__snapshots__/save.test.js.snap delete mode 100644 src/deprecated/v2/block/icon-list/__test__/__snapshots__/style.test.js.snap delete mode 100644 src/deprecated/v2/block/icon-list/__test__/index.test.js delete mode 100644 src/deprecated/v2/block/icon-list/__test__/save.test.js delete mode 100644 src/deprecated/v2/block/icon-list/__test__/style.test.js delete mode 100644 src/deprecated/v2/block/image-box/__test__/__snapshots__/save.test.js.snap delete mode 100644 src/deprecated/v2/block/image-box/__test__/__snapshots__/style.test.js.snap delete mode 100644 src/deprecated/v2/block/image-box/__test__/index.test.js delete mode 100644 src/deprecated/v2/block/image-box/__test__/save.test.js delete mode 100644 src/deprecated/v2/block/image-box/__test__/style.test.js delete mode 100644 src/deprecated/v2/block/notification/__test__/__snapshots__/save.test.js.snap delete mode 100644 src/deprecated/v2/block/notification/__test__/__snapshots__/style.test.js.snap delete mode 100644 src/deprecated/v2/block/notification/__test__/index.test.js delete mode 100644 src/deprecated/v2/block/notification/__test__/save.test.js delete mode 100644 src/deprecated/v2/block/notification/__test__/style.test.js delete mode 100644 src/deprecated/v2/block/number-box/__test__/__snapshots__/save.test.js.snap delete mode 100644 src/deprecated/v2/block/number-box/__test__/__snapshots__/style.test.js.snap delete mode 100644 src/deprecated/v2/block/number-box/__test__/index.test.js delete mode 100644 src/deprecated/v2/block/number-box/__test__/save.test.js delete mode 100644 src/deprecated/v2/block/number-box/__test__/style.test.js delete mode 100644 src/deprecated/v2/block/pricing-box/__test__/__snapshots__/save.test.js.snap delete mode 100644 src/deprecated/v2/block/pricing-box/__test__/__snapshots__/style.test.js.snap delete mode 100644 src/deprecated/v2/block/pricing-box/__test__/index.test.js delete mode 100644 src/deprecated/v2/block/pricing-box/__test__/save.test.js delete mode 100644 src/deprecated/v2/block/pricing-box/__test__/style.test.js delete mode 100644 src/deprecated/v2/block/separator/__test__/__snapshots__/save.test.js.snap delete mode 100644 src/deprecated/v2/block/separator/__test__/__snapshots__/style.test.js.snap delete mode 100644 src/deprecated/v2/block/separator/__test__/index.test.js delete mode 100644 src/deprecated/v2/block/separator/__test__/save.test.js delete mode 100644 src/deprecated/v2/block/separator/__test__/style.test.js delete mode 100644 src/deprecated/v2/block/spacer/__test__/__snapshots__/save.test.js.snap delete mode 100644 src/deprecated/v2/block/spacer/__test__/__snapshots__/style.test.js.snap delete mode 100644 src/deprecated/v2/block/spacer/__test__/index.test.js delete mode 100644 src/deprecated/v2/block/spacer/__test__/save.test.js delete mode 100644 src/deprecated/v2/block/spacer/__test__/style.test.js delete mode 100644 src/deprecated/v2/block/team-member/__test__/__snapshots__/save.test.js.snap delete mode 100644 src/deprecated/v2/block/team-member/__test__/__snapshots__/style.test.js.snap delete mode 100644 src/deprecated/v2/block/team-member/__test__/index.test.js delete mode 100644 src/deprecated/v2/block/team-member/__test__/save.test.js delete mode 100644 src/deprecated/v2/block/team-member/__test__/style.test.js delete mode 100644 src/deprecated/v2/block/testimonial/__test__/__snapshots__/save.test.js.snap delete mode 100644 src/deprecated/v2/block/testimonial/__test__/__snapshots__/style.test.js.snap delete mode 100644 src/deprecated/v2/block/testimonial/__test__/index.test.js delete mode 100644 src/deprecated/v2/block/testimonial/__test__/save.test.js delete mode 100644 src/deprecated/v2/block/testimonial/__test__/style.test.js delete mode 100644 src/deprecated/v2/block/video-popup/__test__/__snapshots__/save.test.js.snap delete mode 100644 src/deprecated/v2/block/video-popup/__test__/__snapshots__/style.test.js.snap delete mode 100644 src/deprecated/v2/block/video-popup/__test__/index.test.js delete mode 100644 src/deprecated/v2/block/video-popup/__test__/save.test.js delete mode 100644 src/deprecated/v2/block/video-popup/__test__/style.test.js delete mode 100644 src/deprecated/v2/components/block-styles/__test__/index.test.js delete mode 100644 src/deprecated/v2/higher-order/with-click-open-inspector/__test__/listener.test.js delete mode 100644 src/deprecated/v2/plugins/auto-block-recovery/__test__/index.test.js delete mode 100644 src/deprecated/v2/plugins/auto-block-recovery/__test__/is-invalid.test.js delete mode 100644 src/test/ajax-stub.js create mode 100644 src/test/dom-ready-stub.js create mode 100644 src/test/file-stub.js delete mode 100644 src/test/file-transformer.js delete mode 100644 src/test/helpers.js delete mode 100644 src/test/image-stub.js delete mode 100644 src/test/index.js delete mode 100644 src/test/scss-stub.js delete mode 100644 src/test/shared/block-attributes.js delete mode 100644 src/test/shared/block-style.js delete mode 100644 src/test/shared/index.js create mode 100644 src/test/wp-admin-stub.js delete mode 100644 src/test/wp-plugins.js create mode 100644 src/util/attributes/__test__/index.test.js delete mode 100644 src/welcome/__test__/videos.test.js diff --git a/.github/workflows/js-unit.yml b/.github/workflows/js-unit.yml new file mode 100644 index 0000000000..65e296b217 --- /dev/null +++ b/.github/workflows/js-unit.yml @@ -0,0 +1,40 @@ +name: JS Unit + +on: + push: + branches: [ master, develop ] + paths: + - 'src/**/*.js' + - 'jest.config.js' + - 'package.json' + - 'package-lock.json' + - '.github/workflows/js-unit.yml' + pull_request: + branches: [ master, develop ] + paths: + - 'src/**/*.js' + - 'jest.config.js' + - 'package.json' + - 'package-lock.json' + - '.github/workflows/js-unit.yml' + +# One run per PR or branch. A new push cancels the previous run. +concurrency: + group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }} + cancel-in-progress: true + +jobs: + unit: + name: Jest + runs-on: ubuntu-latest + steps: + - uses: actions/checkout@v4 + - uses: actions/setup-node@v4 + with: + node-version: lts/* + cache: npm + cache-dependency-path: package-lock.json + - name: Install npm dependencies + run: npm ci --legacy-peer-deps + - name: Run unit tests + run: npm run test:unit diff --git a/AGENTS.md b/AGENTS.md index 38a07f271a..41a47d6487 100644 --- a/AGENTS.md +++ b/AGENTS.md @@ -59,7 +59,8 @@ Do not apply GitHub changes (close, comment, relabel) during issue triage withou ### Testing -- Unit / Jest: `npm run test:scripts` / `npm run test-old` (and related coverage scripts). +- Unit / Jest: `npm run test:unit` (wp-scripts / `@wordpress/jest-preset-default`). Watch: `npm run test:unit:watch`. + Premium: `cd pro__premium_only && npm run test:unit` when `pro__premium_only/` is present. - PHP compatibility: `composer phpcompat` (PHPCompatibilityWP; floor from `readme.txt` `Requires PHP`). Premium PHP: `composer phpcompat:premium` when `pro__premium_only/` is present. - Playwright e2e (WordPress Playground, no Docker): see [`e2e/readme.md`](./e2e/readme.md) diff --git a/jest.config.js b/jest.config.js index cdd56cb8cb..77751a3b34 100644 --- a/jest.config.js +++ b/jest.config.js @@ -1,55 +1,35 @@ -const path = require( 'path' ) - module.exports = { - rootDir: path.resolve( __dirname ), - - // Override the setup with some of our own stuff. - setupFilesAfterEnv: [ - '/src/test/setup-test-framework.js', - ], + preset: '@wordpress/jest-preset-default', + rootDir: __dirname, - modulePathIgnorePatterns: [ - '/freemius', - '/build', - ], + setupFilesAfterEnv: [ '/src/test/setup-test-framework.js' ], - // Custom mappers. + // Overlay replaces the preset mapper, so keep the CSS stub plus Stackable aliases. moduleNameMapper: { + '\\.(scss|css)$': require.resolve( + '@wordpress/jest-preset-default/scripts/style-mock.js' + ), '^~stackable(.*)$': '/src$1', - '.*\\.s?css$': '/src/test/scss-stub.js', - '.*\\.(png|jpg|gif)$': '/src/test/image-stub.js', '.*\\.svg$': '/src/test/svgr-mock.js', - stackable: '/src/test/stackable-mock.js', - '@wordpress/ajax': '/src/test/ajax-stub.js', - '@wordpress/codeEditor': '/src/test/ajax-stub.js', - '@wordpress/api': '/src/test/wp-api-stub.js', - '@wordpress/plugins': '/src/test/wp-plugins.js', + '\\.(mp4|webm|png|jpg|jpeg|gif)$': '/src/test/file-stub.js', + '^stackable$': '/src/test/stackable-mock.js', + '@wordpress/api$': '/src/test/wp-api-stub.js', + '@wordpress/ajax$': '/src/test/wp-admin-stub.js', + '@wordpress/codeEditor$': '/src/test/wp-admin-stub.js', + '@wordpress/plugins$': '/src/test/wp-admin-stub.js', + '@wordpress/dom-ready$': '/src/test/dom-ready-stub.js', }, - transform: { - '^.+\\.[jt]sx?$': '/node_modules/babel-jest', - '^.+\\.mp4$': '/src/test/file-transformer.js', - }, - - // Ignore Unexpected identifiers in node_modules/simple-html-tokenizer/dist/es6/tokenizer.js - transformIgnorePatterns: [ - '/node_modules/(?!simple-html-tokenizer)', - ], - - // All relevant code should be included in coverage. - collectCoverageFrom: [ - 'src/(block|components|icons|welcome|help|format-types|higher-order)/**/*.js', - '!src/block/ghost-button/**/*', // Deprecated block, don't test anymore. - '!src/block/pullquote/**/*', // Deprecated block, don't test anymore. - '!**/__test__/**/*', - ], - - testMatch: [ '**/__tests__/**/*.[jt]s?(x)', '**/?(*.)+(spec|test).[jt]s?(x)' ], - testPathIgnorePatterns: [ '/node_modules/', - '/pro__premium_only/', + '/build/', + '/dist/', '/e2e/', - '/src/block', + '/freemius/', + '/pro__premium_only/', + '/src/block/', + '/src/deprecated/', + '/src/test/', + '/tools/', ], } diff --git a/package.json b/package.json index ea830254dc..b030e8a935 100644 --- a/package.json +++ b/package.json @@ -137,10 +137,8 @@ "test:e2e:premium": "npx playwright test -c playwright.premium.config.js", "test:debug": "npx playwright test --ui", "test:debug:premium": "npx playwright test -c playwright.premium.config.js --ui", - "test-old": "jest --no-cache --watchAll", - "test:coverage": "jest --no-cache --coverage", - "test:fast": "npm run clean:build && jest", - "test:scripts": "wp-scripts test-unit-js", + "test:unit": "wp-scripts test-unit-js", + "test:unit:watch": "wp-scripts test-unit-js --watch", "lint": "concurrently \"npm run lint-js\" \"npm run lint-css\"", "lint:fix": "concurrently \"npm run lint-js:fix\" \"npm run lint-css:fix\"", "lint-js": "wp-scripts lint-js", diff --git a/src/__test__/util.test.js b/src/__test__/util.test.js deleted file mode 100644 index 9877a6a205..0000000000 --- a/src/__test__/util.test.js +++ /dev/null @@ -1,127 +0,0 @@ -/** - * Internal dependencies - */ -import { - createAllCombinationAttributes, descriptionPlaceholder, prependCSSClass, -} from '../util' - -describe( 'Create All Combination Attributes', () => { - test( 'should work with 1 array', () => { - const attrs = createAllCombinationAttributes( 'Camel%sCase', { a: 'b' }, [ 'Foo', 'Bar' ] ) - expect( typeof attrs ).toBe( 'object' ) - expect( Object.keys( attrs ).length ).toBe( 2 ) - expect( Object.keys( attrs ) ).toContain( 'camelFooCase' ) - expect( Object.keys( attrs ) ).toContain( 'camelBarCase' ) - expect( Object.keys( attrs.camelFooCase ).length ).toBe( 1 ) - expect( Object.keys( attrs.camelFooCase )[ 0 ] ).toBe( 'a' ) - expect( attrs.camelFooCase.a ).toBe( 'b' ) - expect( Object.keys( attrs.camelBarCase ).length ).toBe( 1 ) - expect( Object.keys( attrs.camelBarCase )[ 0 ] ).toBe( 'a' ) - expect( attrs.camelBarCase.a ).toBe( 'b' ) - } ) - - test( 'should work with 2 arrays', () => { - const attrs = createAllCombinationAttributes( 'Camel%sCase%s', { a: 'b' }, [ 'Foo', 'Bar' ], [ 'Stack', 'Able' ] ) - expect( typeof attrs ).toBe( 'object' ) - expect( Object.keys( attrs ).length ).toBe( 4 ) - expect( Object.keys( attrs ) ).toContain( 'camelBarCaseStack' ) - expect( Object.keys( attrs ) ).toContain( 'camelBarCaseAble' ) - expect( Object.keys( attrs ) ).toContain( 'camelFooCaseStack' ) - expect( Object.keys( attrs ) ).toContain( 'camelFooCaseAble' ) - expect( Object.keys( attrs.camelBarCaseStack ).length ).toBe( 1 ) - expect( Object.keys( attrs.camelBarCaseAble ).length ).toBe( 1 ) - expect( Object.keys( attrs.camelFooCaseStack ).length ).toBe( 1 ) - expect( Object.keys( attrs.camelFooCaseAble ).length ).toBe( 1 ) - expect( Object.keys( attrs.camelBarCaseStack )[ 0 ] ).toBe( 'a' ) - expect( Object.keys( attrs.camelBarCaseAble )[ 0 ] ).toBe( 'a' ) - expect( Object.keys( attrs.camelFooCaseStack )[ 0 ] ).toBe( 'a' ) - expect( Object.keys( attrs.camelFooCaseAble )[ 0 ] ).toBe( 'a' ) - expect( attrs.camelBarCaseStack.a ).toBe( 'b' ) - expect( attrs.camelBarCaseAble.a ).toBe( 'b' ) - expect( attrs.camelFooCaseStack.a ).toBe( 'b' ) - expect( attrs.camelFooCaseAble.a ).toBe( 'b' ) - } ) -} ) - -describe( 'Prepend CSS Class', () => { - test( 'should work', () => { - expect( - prependCSSClass( '.title-block', 'title-block', 'my-title-be8d9a' ) - ).toBe( '.my-title-be8d9a.title-block' ) - expect( - prependCSSClass( '.title-block span', 'title-block', 'my-title-be8d9a' ) - ).toBe( '.my-title-be8d9a.title-block span' ) - expect( prependCSSClass( 'span', 'title-block', 'my-title-be8d9a' ) ).toBe( - '.my-title-be8d9a span' - ) - expect( prependCSSClass( '.aa.bb', 'aa', 'unique' ) ).toBe( '.unique.aa.bb' ) - } ) - test( 'should support multiple selectors', () => { - expect( - prependCSSClass( '.title-block, .title-block', 'title-block', 'unique' ) - ).toBe( '.unique.title-block, .unique.title-block' ) - expect( prependCSSClass( '.a, .b, .c', 'b', 'unique' ) ).toBe( - '.unique .a, .unique.b, .unique .c' - ) - expect( prependCSSClass( '.aa, .bb, .bb .cc', 'bb', 'unique' ) ).toBe( - '.unique .aa, .unique.bb, .unique.bb .cc' - ) - } ) - test( 'should not confuse similar selectors', () => { - expect( prependCSSClass( '.aa-bb', 'aa', 'unique' ) ).toBe( '.unique .aa-bb' ) - expect( prependCSSClass( '.aa[bb]', 'aa', 'unique' ) ).toBe( '.unique.aa[bb]' ) - expect( prependCSSClass( '.aa:before', 'aa', 'unique' ) ).toBe( '.unique.aa:before' ) - expect( prependCSSClass( '.aa#id', 'aa', 'unique' ) ).toBe( '.unique.aa#id' ) - expect( prependCSSClass( '.aa:nth-child(1)', 'aa', 'unique' ) ).toBe( '.unique.aa:nth-child(1)' ) - expect( prependCSSClass( '.aa:not(:first-child)', 'aa', 'unique' ) ).toBe( '.unique.aa:not(:first-child)' ) - expect( prependCSSClass( '.aa.bb', 'aa', 'unique' ) ).toBe( '.unique.aa.bb' ) - expect( prependCSSClass( '.aaa', 'aa', 'unique' ) ).toBe( '.unique .aaa' ) - expect( prependCSSClass( '.aa1', 'aa', 'unique' ) ).toBe( '.unique .aa1' ) - } ) - test( 'should not affect complex selectors', () => { - expect( prependCSSClass( '.bb + .aa', 'aa', 'unique' ) ).toBe( - '.unique .bb + .aa' - ) - } ) -} ) - -describe( 'Description Placeholder', () => { - test( 'should work', () => { - expect( typeof descriptionPlaceholder() ).toBe( 'string' ) - expect( descriptionPlaceholder().length ).toBeGreaterThan( 1 ) - } ) - - test( 'should have the correct length', () => { - const short = descriptionPlaceholder( 'short' ) - const normal = descriptionPlaceholder() - const medium = descriptionPlaceholder( 'medium' ) - const long = descriptionPlaceholder( 'long' ) - - expect( normal.length ).toBeGreaterThan( short.length ) - expect( medium.length ).toBeGreaterThan( normal.length ) - expect( long.length ).toBeGreaterThan( medium.length ) - expect( short.length ).toBeLessThan( normal.length ) - expect( normal.length ).toBeLessThan( medium.length ) - expect( medium.length ).toBeLessThan( long.length ) - } ) - - test( 'should not change (since this is used in deprecations)', () => { - const short = descriptionPlaceholder( 'short' ) - const normal = descriptionPlaceholder() - const medium = descriptionPlaceholder( 'medium' ) - const long = descriptionPlaceholder( 'long' ) - - expect( short ).toMatchInlineSnapshot( - `"Description for this block. You can use this space for describing your block."` - ) - expect( normal ).toMatchInlineSnapshot( - `"Description for this block. Use this space for describing your block. Any text will do."` - ) - expect( medium ).toMatchInlineSnapshot( - `"Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block."` - ) - expect( long ).toMatchInlineSnapshot( - `"Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block. Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block."` - ) - } ) -} ) diff --git a/src/block-components/style/__test__/index.test.js b/src/block-components/style/__test__/index.test.js index a1c786ecd7..84b8c55156 100644 --- a/src/block-components/style/__test__/index.test.js +++ b/src/block-components/style/__test__/index.test.js @@ -1,10 +1,9 @@ /** * Internal dependencies */ -import BlockStyles, { +import { addBlockClassNames, combineStyleRules, generateStyles, } from '../' -import { render } from '@testing-library/react' import { minifyCSS } from '~stackable/util' describe( 'Add Block Class Names', () => { @@ -14,9 +13,9 @@ describe( 'Add Block Class Names', () => { '.aa, .aab': {}, '.bb': { margin: 0 }, } - const newClassNames = addBlockClassNames( styles1, 'aa', 'unique' ) - expect( Object.keys( newClassNames )[ 0 ] ).toBe( '.unique.aa' ) - expect( Object.keys( newClassNames )[ 1 ] ).toBe( '.unique.aa, .unique .aab' ) + const newClassNames = addBlockClassNames( styles1, 'unique' ) + expect( Object.keys( newClassNames )[ 0 ] ).toBe( '.unique .aa' ) + expect( Object.keys( newClassNames )[ 1 ] ).toBe( '.unique .aa, .unique .aab' ) expect( Object.keys( newClassNames )[ 2 ] ).toBe( '.unique .bb' ) expect( Object.keys( Object.values( newClassNames )[ 2 ] )[ 0 ] ).toBe( 'margin' ) expect( Object.values( Object.values( newClassNames )[ 2 ] )[ 0 ] ).toBe( 0 ) @@ -98,7 +97,7 @@ describe( 'generateStyles', () => { desktopOnly: { '.test': { color: 'red' } }, } - const results = generateStyles( styles, '', '', 900, 400 ) + const results = generateStyles( styles, '', 900, 400 ) expect( minifyCSS( results.join( '' ) ) ).toEqual( expect.stringMatching( /@media[^\{]+min-width:900px[^\{]+\{\.test{color:red/ ) ) } ) @@ -107,7 +106,7 @@ describe( 'generateStyles', () => { desktopTablet: { '.test': { color: 'red' } }, } - const results = generateStyles( styles, '', '', 900, 400 ) + const results = generateStyles( styles, '', 900, 400 ) expect( minifyCSS( results.join( '' ) ) ).toEqual( expect.stringMatching( /@media[^\{]+min-width:400px[^\{]+\{\.test{color:red/ ) ) } ) @@ -116,8 +115,8 @@ describe( 'generateStyles', () => { tablet: { '.test': { color: 'red' } }, } - const results = generateStyles( styles, '', '', 900, 400 ) - expect( minifyCSS( results.join( '' ) ) ).toEqual( expect.stringMatching( /@media[^\{]+max-width:900px[^\{]+\{\.test{color:red/ ) ) + const results = generateStyles( styles, '', 900, 400 ) + expect( minifyCSS( results.join( '' ) ) ).toEqual( expect.stringMatching( /@media[^\{]+max-width:899px[^\{]+\{\.test{color:red/ ) ) } ) it( 'should render tablet only', () => { @@ -125,8 +124,8 @@ describe( 'generateStyles', () => { tabletOnly: { '.test': { color: 'red' } }, } - const results = generateStyles( styles, '', '', 900, 400 ) - expect( minifyCSS( results.join( '' ) ) ).toEqual( expect.stringMatching( /@media[^\{]+max-width:900px[^\{]+\{\.test{color:red/ ) ) + const results = generateStyles( styles, '', 900, 400 ) + expect( minifyCSS( results.join( '' ) ) ).toEqual( expect.stringMatching( /@media[^\{]+max-width:899px[^\{]+\{\.test{color:red/ ) ) expect( minifyCSS( results.join( '' ) ) ).toEqual( expect.stringMatching( /@media[^\{]+min-width:400px[^\{]+\{\.test{color:red/ ) ) } ) @@ -135,8 +134,8 @@ describe( 'generateStyles', () => { mobile: { '.test': { color: 'red' } }, } - const results = generateStyles( styles, '', '', 900, 400 ) - expect( minifyCSS( results.join( '' ) ) ).toEqual( expect.stringMatching( /@media[^\{]+max-width:400px[^\{]+\{\.test{color:red/ ) ) + const results = generateStyles( styles, '', 900, 400 ) + expect( minifyCSS( results.join( '' ) ) ).toEqual( expect.stringMatching( /@media[^\{]+max-width:399px[^\{]+\{\.test{color:red/ ) ) } ) it( 'should render ie11 styles', () => { @@ -144,7 +143,7 @@ describe( 'generateStyles', () => { ie11: { '.test': { color: 'red' } }, } - const results = generateStyles( styles, '', '', 900, 400 ) + const results = generateStyles( styles, '', 900, 400 ) expect( minifyCSS( results.join( '' ) ) ).toEqual( expect.stringMatching( /@media screen and [^\{]+-ms-high-contrast:active[^\{]+,screen and [^\{]+-ms-high-contrast:none[^\{]+\{\.test{color:red/ ) ) } ) @@ -153,97 +152,8 @@ describe( 'generateStyles', () => { editor: { '.test': { color: 'red' } }, } - const results = generateStyles( styles, '', '', 900, 400, true ) + const results = generateStyles( styles, '', 900, 400, true ) expect( minifyCSS( results.join( '' ) ) ).toMatch( /.test\s*{\s*color:\s*red/ ) expect( minifyCSS( results.join( '' ) ) ).toContain( '.editor-styles-wrapper' ) } ) } ) - -describe( 'BlockStyles', () => { - it( 'should render styles', () => { - const { container } = render( ) - expect( container.querySelector( 'style' ).innerHTML ).toBe( '.test{color:red}' ) - } ) - - it( 'should render nothing when there are no styles given', () => { - const { container } = render( ) - expect( container.querySelector( 'style' ) ).toBeFalsy() - } ) - - it( 'should render breakpoints', () => { - const styles = { - '.desktop': { - color: 'yellow', - }, - tablet: { - '.tablet': { - color: 'red', - }, - }, - mobile: { - '.mobile': { - color: 'blue', - }, - }, - } - const { container } = render( ) - const results = container.querySelector( 'style' ).innerHTML - - expect( results ).toEqual( expect.stringMatching( /.desktop\{color:yellow/ ) ) - expect( results ).toEqual( expect.stringMatching( /@media[^\{]+900px[^\}]+.tablet\{color:red/ ) ) - expect( results ).toEqual( expect.stringMatching( /@media[^\{]+400px[^\}]+.mobile\{color:blue/ ) ) - } ) - - it( 'should render block classnames', () => { - const style = { - '.test': { color: 'red' }, - '.main': { color: 'blue' }, - } - const { container } = render( ) - expect( container.querySelector( 'style' ).innerHTML ).toBe( '.unique .test{color:red}.unique.main{color:blue}' ) - } ) - - it( 'should not render editor styles', () => { - const style = { - '.test': { color: 'red' }, - editor: { - '.editor': { color: 'blue' }, - }, - } - const { container } = render( ) - expect( container.querySelector( 'style' ).innerHTML ).not.toEqual( expect.stringMatching( /.editor/ ) ) - } ) - - it( 'should render editor styles', () => { - const style = { - '.test': { color: 'red' }, - editor: { - '.editor': { color: 'blue' }, - }, - } - const { container } = render( ) - expect( container.querySelector( 'style' ).innerHTML ).toEqual( expect.stringMatching( /.editor/ ) ) - expect( container.querySelector( 'style' ).innerHTML ).toEqual( expect.stringMatching( /.editor-styles-wrapper/ ) ) - } ) - - it( 'should render editor responsive styles', () => { - const style = { - '.test': { color: 'red' }, - editor: { - '.editor': { color: 'blue' }, - tablet: { - '.tablet': { color: 'yellow' }, - }, - mobile: { - '.mobile': { color: 'green' }, - }, - }, - } - const { container } = render( ) - expect( container.innerHTML ).toEqual( expect.stringMatching( // ) ) - expect( container.innerHTML ).toEqual( expect.stringMatching( /.editor/ ) ) - expect( container.innerHTML ).toEqual( expect.stringMatching( /.editor-styles-wrapper .editor\s*{\s*color:\s*blue/ ) ) - expect( container.innerHTML ).toEqual( expect.stringMatching( /@media[^\{]+900px[^\}]+.editor-styles-wrapper .tablet\s*{\s*color:\s*yellow/ ) ) - expect( container.innerHTML ).toEqual( expect.stringMatching( /@media[^\{]+400px[^\}]+.editor-styles-wrapper .mobile\s*{\s*color:\s*green/ ) ) - } ) -} ) diff --git a/src/components/base-control-multi-label/__test__/index.test.js b/src/components/base-control-multi-label/__test__/index.test.js deleted file mode 100644 index 0148f29f05..0000000000 --- a/src/components/base-control-multi-label/__test__/index.test.js +++ /dev/null @@ -1,54 +0,0 @@ -/** - * Internal dependencies - */ -import BaseControlMultiLabel from '../' -import { render, fireEvent } from '@testing-library/react' - -describe( 'Unit switcher', () => { - it( 'should have a label', () => { - const { getByText } = render( ) - expect( getByText( 'hello' ) ).toBeTruthy() - } ) - - it( 'should not display units if single', () => { - const { queryByRole, queryByText } = render( ) - expect( queryByRole( 'button' ) ).toBeNull() - expect( queryByText( 'px' ) ).toBeNull() - expect( queryByText( '%' ) ).toBeNull() - } ) - - it( 'should display units if multiple (2 buttons)', () => { - const { getByText } = render( ) - - expect( getByText( 'px' ) ).toBeTruthy() - expect( getByText( '%' ) ).toBeTruthy() - expect( getByText( 'px' ) ).toHaveClass( 'is-active' ) - expect( getByText( '%' ) ).not.toHaveClass( 'is-active' ) - } ) - - it( 'should display units if multiple (3 buttons)', () => { - const { getByText } = render( ) - - expect( getByText( 'px' ) ).toBeTruthy() - expect( getByText( 'em' ) ).toBeTruthy() - expect( getByText( '%' ) ).toBeTruthy() - expect( getByText( 'px' ) ).not.toHaveClass( 'is-active' ) - expect( getByText( 'em' ) ).toHaveClass( 'is-active' ) - expect( getByText( '%' ) ).not.toHaveClass( 'is-active' ) - } ) - - it( 'should change units', () => { - const onChange = jest.fn() - - const { getByText } = render( ) - // Click the 'px' first to open the popover. - fireEvent.click( getByText( 'px' ) ) - fireEvent.click( getByText( '%' ) ) - expect( onChange ).toHaveBeenCalledWith( '%' ) - } ) - - it( 'should not have responsive if only 1 screen', () => { - const { queryByLabelText } = render( ) - expect( queryByLabelText( 'Desktop' ) ).toBeNull() - } ) -} ) diff --git a/src/components/blend-mode-control/__test__/index.test.js b/src/components/blend-mode-control/__test__/index.test.js deleted file mode 100644 index 8df3af5438..0000000000 --- a/src/components/blend-mode-control/__test__/index.test.js +++ /dev/null @@ -1,19 +0,0 @@ -import BlendModeControl from '../index' -import { render, fireEvent } from '@testing-library/react' - -describe( 'BlendModeControl', () => { - it( 'renders', () => { - const wrapper = render( ) - expect( wrapper.getByText( 'Blend Title' ) ).toBeTruthy() - expect( wrapper.getByText( 'Multiply' ) ).toBeTruthy() - expect( wrapper.getByRole( 'listbox' ) ).toBeTruthy() - } ) - - it( 'triggers onChange', () => { - const onChange = jest.fn() - const wrapper = render( ) - expect( onChange ).toHaveBeenCalledTimes( 0 ) - fireEvent.change( wrapper.getByRole( 'listbox' ), { target: { value: 'Multiply' } } ) - expect( onChange ).toHaveBeenCalledTimes( 1 ) - } ) -} ) diff --git a/src/components/code-textarea/__test__/index.test.js b/src/components/code-textarea/__test__/index.test.js deleted file mode 100644 index c9920803f2..0000000000 --- a/src/components/code-textarea/__test__/index.test.js +++ /dev/null @@ -1,17 +0,0 @@ -/** - * Internal dependencies - */ -import CodeTextarea from '../' -import { render } from '@testing-library/react' - -describe( 'Code Textarea', () => { - test( 'should render correctly', () => { - const { getByRole } = render( ) - expect( getByRole( 'textbox' ) ).toHaveTextContent( '' ) - } ) - - test( 'should display value', () => { - const { getByRole } = render( ) - expect( getByRole( 'textbox' ) ).toHaveTextContent( 'abc' ) - } ) -} ) diff --git a/src/components/control-separator/__test__/index.test.js b/src/components/control-separator/__test__/index.test.js deleted file mode 100644 index 10b31f79e2..0000000000 --- a/src/components/control-separator/__test__/index.test.js +++ /dev/null @@ -1,9 +0,0 @@ -import { render } from '@testing-library/react' -import ControlSeparator from '..' - -describe( 'ControlSeparator', () => { - it( 'should render', () => { - const { getByRole } = render( ) - expect( getByRole( 'separator' ) ).toBeTruthy() - } ) -} ) diff --git a/src/components/custom-attributes-control/__test__/index.test.js b/src/components/custom-attributes-control/__test__/index.test.js index 5c448066e4..7c20bf5c95 100644 --- a/src/components/custom-attributes-control/__test__/index.test.js +++ b/src/components/custom-attributes-control/__test__/index.test.js @@ -41,12 +41,15 @@ describe( 'CustomAttributesControl', () => { `key='value'`, ] - invalidInputs.forEach( async value => { + for ( const value of invalidInputs ) { + dummyProps.onChange.mockClear() await act( async () => { fireEvent.change( getByTestId( 'custom-attributes' ), { target: { value } } ) - await new Promise( r => setTimeout( r, 500 ) ) } ) - expect( dummyProps.value ).toEqual( [] ) - } ) + expect( dummyProps.onChange ).toHaveBeenCalledWith( [] ) + } + + // Inspector chrome warns in jsdom (ref on memo, extra TextControl props). + expect( console ).toHaveErrored() } ) } ) diff --git a/src/components/icon-search-popover/__test__/index.test.js b/src/components/icon-search-popover/__test__/index.test.js deleted file mode 100644 index dbe2070598..0000000000 --- a/src/components/icon-search-popover/__test__/index.test.js +++ /dev/null @@ -1,33 +0,0 @@ -import { addCustomIconClass, cleanSvgString } from '..' - -describe( 'addCustomIconClass', () => { - it( 'should add class', () => { - expect( addCustomIconClass( '', 'my-class' ) ).toBe( '' ) - expect( addCustomIconClass( '', 'my-class' ) ).toBe( '' ) - expect( addCustomIconClass( '', 'my-class' ) ).toBe( '' ) - expect( addCustomIconClass( '', 'my-class' ) ).toBe( '' ) - expect( addCustomIconClass( '', 'my-class' ) ).toBe( '' ) - expect( addCustomIconClass( '', 'my-class' ) ).toBe( '' ) - expect( addCustomIconClass( '
', 'my-class' ) ).toBe( '
' ) - expect( addCustomIconClass( '
not an svg
', 'my-class' ) ).toBe( '
not an svg
' ) - } ) -} ) - -describe( 'cleanSvgString', () => { - it( 'sould extract the SVG only', () => { - expect( cleanSvgString( '' ) ).toBe( '' ) - expect( cleanSvgString( '' ) ).toBe( '' ) - expect( cleanSvgString( '' ) ).toBe( '' ) - expect( cleanSvgString( '' ) ).toBe( '' ) - expect( cleanSvgString( 'somethingsomething' ) ).toBe( '' ) - } ) - - it( 'should remove simple SVG groupings', () => { - expect( cleanSvgString( '' ) ).toBe( '' ) - expect( cleanSvgString( '' ) ).toBe( '' ) - } ) - - it( 'should not remove complex SVG groupings', () => { - expect( cleanSvgString( '' ) ).toBe( '' ) - } ) -} ) diff --git a/src/components/icon-search-popover/__test__/search.test.js b/src/components/icon-search-popover/__test__/search.test.js deleted file mode 100644 index ebd2622c33..0000000000 --- a/src/components/icon-search-popover/__test__/search.test.js +++ /dev/null @@ -1,18 +0,0 @@ -import { searchFontAwesomeIconName } from '../search' - -// We're sure that the Free API doesn't have duotones, -// which are denoted by the prefix "fad". - -describe( 'searchFontAwesomeIconName', () => { - it( 'should be able to search the free Font Awesome API', async () => { - const results = await searchFontAwesomeIconName( 'coffee', false ) - const hasProResults = results.some( ( { prefix } ) => prefix === 'fad' ) - expect( hasProResults ).toBe( false ) - } ) - - it( 'should be able to search the Premium Font Awesome API', async () => { - const results = await searchFontAwesomeIconName( 'coffee', true ) - const hasProResults = results.some( ( { prefix } ) => prefix === 'fad' ) - expect( hasProResults ).toBe( true ) - } ) -} ) diff --git a/src/deprecated/v2/block/accordion/__test__/frontend.test.js b/src/deprecated/v2/block/accordion/__test__/frontend.test.js deleted file mode 100644 index 80b0890809..0000000000 --- a/src/deprecated/v2/block/accordion/__test__/frontend.test.js +++ /dev/null @@ -1,38 +0,0 @@ -/** - * Internal dependencies - */ -import { name, settings } from '../' -import { initAll } from '../frontend' - -/** - * External dependencies - */ -import { getSavedBlockHTML } from '~stackable/test/helpers' -import { - fireEvent, getByText, -} from '@testing-library/dom' - -describe( 'Accordion in frontend', () => { - const attributes = { - title: 'Accordion Title', - } - - const savedBlockHTML = getSavedBlockHTML( name, settings, attributes ) - - test( 'should open/close on click', () => { - const container = document.createElement( 'div' ) - document.body.appendChild( container ) - container.innerHTML = savedBlockHTML - initAll() - - const el = container.children[ 0 ] - expect( el ).not.toHaveClass( 'ugb-accordion--open' ) - const title = getByText( container, /Accordion Title/ ) - - fireEvent.click( title ) - expect( el ).toHaveClass( 'ugb-accordion--open' ) - - fireEvent.keyPress( title, { key: 'space' } ) - expect( el ).not.toHaveClass( 'ugb-accordion--open' ) - } ) -} ) diff --git a/src/deprecated/v2/block/accordion/__test__/style.test.js b/src/deprecated/v2/block/accordion/__test__/style.test.js deleted file mode 100644 index 685806e1fd..0000000000 --- a/src/deprecated/v2/block/accordion/__test__/style.test.js +++ /dev/null @@ -1,44 +0,0 @@ -/** - * Internal dependencies - */ -import { name, settings } from '../' - -/** - * External dependencies - */ -import { - getBlockType, - getSaveElement, - unregisterBlockType, - registerBlockType, -} from '@wordpress/blocks' -import { applyFilters } from '@wordpress/hooks' -import { render } from '@testing-library/react' - -describe( `${ settings.title } block`, () => { - beforeEach( () => { - if ( ! getBlockType( name ) ) { - registerBlockType( name, applyFilters( `stackable.${ name }.settings`, { ...settings, category: 'common' } ) ) - } - } ) - - afterAll( () => { - unregisterBlockType( name ) - } ) - - it( 'Rendered styled output', () => { - const attributes = { - uniqueClass: 'ugb-123', - design: 'basic', - marginTop: '100', - titleColor: '#cd2653', - arrowColor: '#333333', - } - - const { baseElement } = render( getSaveElement( name, attributes ) ) - const block = baseElement.querySelector( `.wp-block-${ name.replace( '/', '-' ) }` ) - - expect( block.querySelector( '.ugb-accordion__title' ) ).toHaveStyle( { color: '#cd2653' } ) - expect( block.querySelector( '.ugb-accordion__arrow' ) ).toHaveStyle( { fill: '#333333' } ) - } ) -} ) diff --git a/src/deprecated/v2/block/blockquote/__test__/__snapshots__/save.test.js.snap b/src/deprecated/v2/block/blockquote/__test__/__snapshots__/save.test.js.snap deleted file mode 100644 index b946d4d564..0000000000 --- a/src/deprecated/v2/block/blockquote/__test__/__snapshots__/save.test.js.snap +++ /dev/null @@ -1,70 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Blockquote (v2) block Save render should match snapshot 1`] = ` -
- -
-
-
- -
-

-

-

-
-
-
-
-
-`; - -exports[`Blockquote (v2) block Save render should match snapshot with attributes 1`] = ` -
- -
-
-
-
-

-

- text -
-

-
-
-
-
-
-`; diff --git a/src/deprecated/v2/block/blockquote/__test__/__snapshots__/style.test.js.snap b/src/deprecated/v2/block/blockquote/__test__/__snapshots__/style.test.js.snap deleted file mode 100644 index e264e253cc..0000000000 --- a/src/deprecated/v2/block/blockquote/__test__/__snapshots__/style.test.js.snap +++ /dev/null @@ -1,227 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Blockquote (v2) block Rendered styles should match snapshot 1`] = ` -Object { - ".ugb-blockquote__item": Object { - "backgroundAttachment": undefined, - "backgroundBlendMode": undefined, - "backgroundColor": undefined, - "backgroundImage": undefined, - "backgroundPosition": undefined, - "backgroundRepeat": undefined, - "backgroundSize": undefined, - "borderRadius": undefined, - "textAlign": undefined, - }, - ".ugb-blockquote__item:before": Object { - "backgroundColor": undefined, - "backgroundImage": undefined, - "mixBlendMode": undefined, - "opacity": undefined, - }, - ".ugb-blockquote__quote": Object { - "fill": undefined, - "height": undefined, - "left": undefined, - "opacity": undefined, - "top": undefined, - "width": undefined, - }, - ".ugb-blockquote__text": Object { - "color": undefined, - "fontFamily": undefined, - "fontSize": undefined, - "fontWeight": undefined, - "letterSpacing": undefined, - "lineHeight": undefined, - "textTransform": undefined, - }, - "editor": Object { - "desktopTablet": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-blockquote__item": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "mobile": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-blockquote__item": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "tabletOnly": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-blockquote__item": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - }, - "mobile": Object { - ".ugb-blockquote__item": Object { - "backgroundImage": undefined, - "backgroundPosition": undefined, - "backgroundRepeat": undefined, - "backgroundSize": undefined, - "textAlign": undefined, - }, - ".ugb-blockquote__item:before": Object { - "opacity": undefined, - }, - ".ugb-blockquote__quote": Object { - "height": undefined, - "left": undefined, - "top": undefined, - "width": undefined, - }, - ".ugb-blockquote__text": Object { - "lineHeight": undefined, - }, - }, - "saveOnly": Object { - "desktopTablet": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "mobile": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "tabletOnly": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - }, - "tablet": Object { - ".ugb-blockquote__item": Object { - "backgroundImage": undefined, - "backgroundPosition": undefined, - "backgroundRepeat": undefined, - "backgroundSize": undefined, - }, - ".ugb-blockquote__item:before": Object { - "opacity": undefined, - }, - ".ugb-blockquote__text": Object { - "lineHeight": undefined, - }, - }, - "tabletOnly": Object { - ".ugb-blockquote__item": Object { - "textAlign": undefined, - }, - ".ugb-blockquote__quote": Object { - "height": undefined, - "left": undefined, - "top": undefined, - "width": undefined, - }, - }, -} -`; - -exports[`Blockquote (v2) block Rendered styles should match snapshot with modified attributes 1`] = ` -Object { - ".ugb-blockquote__item": Object { - "textAlign": "textAlign !important", - }, - ".ugb-blockquote__text": Object { - "color": "#123456", - "fontFamily": "\\"textFontFamily\\", Sans-serif !important", - "fontSize": "123textFontSizeUnit !important", - "fontWeight": "textFontWeight !important", - "letterSpacing": "123px !important", - "lineHeight": "123textLineHeightUnit !important", - "textTransform": "textTextTransform !important", - }, - "editor": Object { - "desktopTablet": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-blockquote__item": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "mobile": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-blockquote__item": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "tabletOnly": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-blockquote__item": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - }, - "mobile": Object { - ".ugb-blockquote__item": Object { - "textAlign": "textMobileAlign !important", - }, - ".ugb-blockquote__text": Object { - "fontSize": "123textMobileFontSizeUnit !important", - "lineHeight": "123textMobileLineHeightUnit !important", - }, - }, - "saveOnly": Object { - "desktopTablet": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "mobile": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "tabletOnly": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - }, - "tablet": Object { - ".ugb-blockquote__text": Object { - "fontSize": "123textTabletFontSizeUnit !important", - "lineHeight": "123textTabletLineHeightUnit !important", - }, - }, - "tabletOnly": Object { - ".ugb-blockquote__item": Object { - "textAlign": "textTabletAlign !important", - }, - }, -} -`; diff --git a/src/deprecated/v2/block/blockquote/__test__/index.test.js b/src/deprecated/v2/block/blockquote/__test__/index.test.js deleted file mode 100644 index dc2dd6f9c3..0000000000 --- a/src/deprecated/v2/block/blockquote/__test__/index.test.js +++ /dev/null @@ -1,13 +0,0 @@ -/** - * External dependencies - */ -import { blockAttributeTests } from '~stackable/test/shared' - -/** - * Internal dependencies - */ -import { settings } from '../' - -describe( `${ settings.title } block`, () => { - blockAttributeTests( { settings } ) -} ) diff --git a/src/deprecated/v2/block/blockquote/__test__/save.test.js b/src/deprecated/v2/block/blockquote/__test__/save.test.js deleted file mode 100644 index 3d6f252de2..0000000000 --- a/src/deprecated/v2/block/blockquote/__test__/save.test.js +++ /dev/null @@ -1,28 +0,0 @@ -/** - * Internal dependencies - */ -import { name, settings } from '../' - -/** - * External dependencies - */ -import { blockSaveRender } from '~stackable/test' - -describe( `${ settings.title } block`, () => { - describe( 'Save render', () => { - // Specified attributes for save testing. - const attributes = { - design: 'wave-2', - } - - test( 'should match snapshot', () => { - const wrapper = blockSaveRender( name, settings ) - expect( wrapper ).toMatchSnapshot() - } ) - - test( 'should match snapshot with attributes', () => { - const wrapper = blockSaveRender( name, settings, attributes ) - expect( wrapper ).toMatchSnapshot() - } ) - } ) -} ) diff --git a/src/deprecated/v2/block/blockquote/__test__/style.test.js b/src/deprecated/v2/block/blockquote/__test__/style.test.js deleted file mode 100644 index e429100666..0000000000 --- a/src/deprecated/v2/block/blockquote/__test__/style.test.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Internal dependencies - */ -import { name, settings } from '../' - -/** - * External dependencies - */ -import { blockStyleTests } from '~stackable/test/shared' -import createStyles from '../style' - -describe( `${ settings.title } block`, () => { - describe( 'Rendered styles', () => { - // Specified attributes for save testing. - const attributes = {} - - blockStyleTests( { - settings, name, attributes, createStyles, - } ) - } ) -} ) diff --git a/src/deprecated/v2/block/blog-posts/__test__/__snapshots__/save.test.js.snap b/src/deprecated/v2/block/blog-posts/__test__/__snapshots__/save.test.js.snap deleted file mode 100644 index b4a2885fe3..0000000000 --- a/src/deprecated/v2/block/blog-posts/__test__/__snapshots__/save.test.js.snap +++ /dev/null @@ -1,57 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Posts (v2) block Save render should match snapshot 1`] = ` -
-
-
-
-
-`; - -exports[`Posts (v2) block Save render should match snapshot with attributes 1`] = ` -
- -
-
-
- -
- -
- loadMoreButtonText -
- - -
-
-
-
-`; diff --git a/src/deprecated/v2/block/blog-posts/__test__/__snapshots__/style.test.js.snap b/src/deprecated/v2/block/blog-posts/__test__/__snapshots__/style.test.js.snap deleted file mode 100644 index e9c0c9aec9..0000000000 --- a/src/deprecated/v2/block/blog-posts/__test__/__snapshots__/style.test.js.snap +++ /dev/null @@ -1,282 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Posts (v2) block Rendered styles should match snapshot 1`] = ` -Object { - ".ugb-blog-posts__category": Object { - "fontFamily": undefined, - "fontSize": undefined, - "fontWeight": undefined, - "letterSpacing": undefined, - "lineHeight": undefined, - "marginBottom": undefined, - "textAlign": undefined, - "textTransform": undefined, - }, - ".ugb-blog-posts__category a": Object { - "color": undefined, - }, - ".ugb-blog-posts__category a:hover": Object { - "color": undefined, - "opacity": undefined, - }, - ".ugb-blog-posts__excerpt": Object { - "marginBottom": undefined, - "textAlign": undefined, - }, - ".ugb-blog-posts__excerpt, .ugb-blog-posts__excerpt p": Object { - "color": undefined, - "fontFamily": undefined, - "fontSize": undefined, - "fontWeight": undefined, - "letterSpacing": undefined, - "lineHeight": undefined, - "textTransform": undefined, - }, - ".ugb-blog-posts__featured-image": Object { - "borderRadius": undefined, - "marginBottom": undefined, - }, - ".ugb-blog-posts__featured-image img": Object { - "height": undefined, - }, - ".ugb-blog-posts__meta": Object { - "color": undefined, - "fontFamily": undefined, - "fontSize": undefined, - "fontWeight": undefined, - "letterSpacing": undefined, - "lineHeight": undefined, - "marginBottom": undefined, - "textAlign": undefined, - "textTransform": undefined, - }, - ".ugb-blog-posts__readmore": Object { - "fontFamily": undefined, - "fontSize": undefined, - "fontWeight": undefined, - "letterSpacing": undefined, - "lineHeight": undefined, - "marginBottom": undefined, - "textAlign": undefined, - "textTransform": undefined, - }, - ".ugb-blog-posts__readmore a": Object { - "color": undefined, - }, - ".ugb-blog-posts__readmore a:hover": Object { - "color": undefined, - "opacity": undefined, - }, - ".ugb-blog-posts__title": Object { - "fontFamily": undefined, - "fontSize": undefined, - "fontWeight": undefined, - "letterSpacing": undefined, - "lineHeight": undefined, - "marginBottom": undefined, - "textAlign": undefined, - "textTransform": undefined, - }, - ".ugb-blog-posts__title a": Object { - "color": undefined, - }, - ".ugb-blog-posts__title a:hover": Object { - "color": undefined, - "opacity": undefined, - }, - "editor": Object { - "desktopTablet": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-blog-posts__item": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "mobile": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-blog-posts__item": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "tabletOnly": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-blog-posts__item": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - }, - "mobile": Object { - ".ugb-blog-posts__category": Object { - "lineHeight": undefined, - "marginBottom": undefined, - "textAlign": undefined, - }, - ".ugb-blog-posts__excerpt": Object { - "marginBottom": undefined, - "textAlign": undefined, - }, - ".ugb-blog-posts__excerpt, .ugb-blog-posts__excerpt p": Object { - "lineHeight": undefined, - }, - ".ugb-blog-posts__featured-image": Object { - "marginBottom": undefined, - }, - ".ugb-blog-posts__featured-image img": Object { - "height": undefined, - }, - ".ugb-blog-posts__meta": Object { - "lineHeight": undefined, - "marginBottom": undefined, - "textAlign": undefined, - }, - ".ugb-blog-posts__readmore": Object { - "lineHeight": undefined, - "marginBottom": undefined, - "textAlign": undefined, - }, - ".ugb-blog-posts__title": Object { - "lineHeight": undefined, - "marginBottom": undefined, - "textAlign": undefined, - }, - }, - "saveOnly": Object { - "desktopTablet": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "mobile": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "tabletOnly": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - }, - "tablet": Object { - ".ugb-blog-posts__category": Object { - "lineHeight": undefined, - "textAlign": undefined, - }, - ".ugb-blog-posts__excerpt": Object { - "textAlign": undefined, - }, - ".ugb-blog-posts__excerpt, .ugb-blog-posts__excerpt p": Object { - "lineHeight": undefined, - }, - ".ugb-blog-posts__meta": Object { - "lineHeight": undefined, - "textAlign": undefined, - }, - ".ugb-blog-posts__readmore": Object { - "lineHeight": undefined, - "textAlign": undefined, - }, - ".ugb-blog-posts__title": Object { - "lineHeight": undefined, - "textAlign": undefined, - }, - }, - "tabletOnly": Object { - ".ugb-blog-posts__category": Object { - "marginBottom": undefined, - }, - ".ugb-blog-posts__excerpt": Object { - "marginBottom": undefined, - }, - ".ugb-blog-posts__featured-image": Object { - "marginBottom": undefined, - }, - ".ugb-blog-posts__featured-image img": Object { - "height": undefined, - }, - ".ugb-blog-posts__meta": Object { - "marginBottom": undefined, - }, - ".ugb-blog-posts__readmore": Object { - "marginBottom": undefined, - }, - ".ugb-blog-posts__title": Object { - "marginBottom": undefined, - }, - }, -} -`; - -exports[`Posts (v2) block Rendered styles should match snapshot with modified attributes 1`] = ` -Object { - ".ugb-blog-posts__contentOrder": Object { - "order": "1 !important", - }, - "editor": Object { - "desktopTablet": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-blog-posts__item": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "mobile": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-blog-posts__item": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "tabletOnly": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-blog-posts__item": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - }, - "saveOnly": Object { - "desktopTablet": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "mobile": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "tabletOnly": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - }, -} -`; diff --git a/src/deprecated/v2/block/blog-posts/__test__/index.test.js b/src/deprecated/v2/block/blog-posts/__test__/index.test.js deleted file mode 100644 index dc2dd6f9c3..0000000000 --- a/src/deprecated/v2/block/blog-posts/__test__/index.test.js +++ /dev/null @@ -1,13 +0,0 @@ -/** - * External dependencies - */ -import { blockAttributeTests } from '~stackable/test/shared' - -/** - * Internal dependencies - */ -import { settings } from '../' - -describe( `${ settings.title } block`, () => { - blockAttributeTests( { settings } ) -} ) diff --git a/src/deprecated/v2/block/blog-posts/__test__/save.test.js b/src/deprecated/v2/block/blog-posts/__test__/save.test.js deleted file mode 100644 index 3d6f252de2..0000000000 --- a/src/deprecated/v2/block/blog-posts/__test__/save.test.js +++ /dev/null @@ -1,28 +0,0 @@ -/** - * Internal dependencies - */ -import { name, settings } from '../' - -/** - * External dependencies - */ -import { blockSaveRender } from '~stackable/test' - -describe( `${ settings.title } block`, () => { - describe( 'Save render', () => { - // Specified attributes for save testing. - const attributes = { - design: 'wave-2', - } - - test( 'should match snapshot', () => { - const wrapper = blockSaveRender( name, settings ) - expect( wrapper ).toMatchSnapshot() - } ) - - test( 'should match snapshot with attributes', () => { - const wrapper = blockSaveRender( name, settings, attributes ) - expect( wrapper ).toMatchSnapshot() - } ) - } ) -} ) diff --git a/src/deprecated/v2/block/blog-posts/__test__/style.test.js b/src/deprecated/v2/block/blog-posts/__test__/style.test.js deleted file mode 100644 index e429100666..0000000000 --- a/src/deprecated/v2/block/blog-posts/__test__/style.test.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Internal dependencies - */ -import { name, settings } from '../' - -/** - * External dependencies - */ -import { blockStyleTests } from '~stackable/test/shared' -import createStyles from '../style' - -describe( `${ settings.title } block`, () => { - describe( 'Rendered styles', () => { - // Specified attributes for save testing. - const attributes = {} - - blockStyleTests( { - settings, name, attributes, createStyles, - } ) - } ) -} ) diff --git a/src/deprecated/v2/block/button/__test__/__snapshots__/save.test.js.snap b/src/deprecated/v2/block/button/__test__/__snapshots__/save.test.js.snap deleted file mode 100644 index 3ad30b7674..0000000000 --- a/src/deprecated/v2/block/button/__test__/__snapshots__/save.test.js.snap +++ /dev/null @@ -1,119 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Button (v2) block Save render should match snapshot 1`] = ` -
-
-
-
- - - -
- Button text -
- - -
-
-
-
-`; - -exports[`Button (v2) block Save render should match snapshot with attributes 1`] = ` -
- -
-
-
- -
- -
- button1Text -
- - -
-
- -
- -
- button2Text -
- - -
-
- -
- -
- button3Text -
- - -
-
-
-
-`; diff --git a/src/deprecated/v2/block/button/__test__/__snapshots__/style.test.js.snap b/src/deprecated/v2/block/button/__test__/__snapshots__/style.test.js.snap deleted file mode 100644 index 7d2e757ab3..0000000000 --- a/src/deprecated/v2/block/button/__test__/__snapshots__/style.test.js.snap +++ /dev/null @@ -1,192 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Button (v2) block Rendered styles should match snapshot 1`] = ` -Object { - ".ugb-block-content": Object { - "justifyContent": undefined, - }, - ".ugb-block-content .ugb-button": Object { - "borderRadius": undefined, - }, - ".ugb-button1": Object { - "backgroundColor": undefined, - "backgroundImage": undefined, - "borderRadius": undefined, - "opacity": undefined, - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - ".ugb-button1 .ugb-button--inner": Object { - "fontFamily": undefined, - "fontSize": undefined, - "fontWeight": undefined, - "letterSpacing": undefined, - "lineHeight": undefined, - "textTransform": undefined, - }, - ".ugb-button1 .ugb-button--inner, .ugb-button1 svg:not(.ugb-custom-icon)": Object { - "color": undefined, - }, - ".ugb-button1.ugb-button--has-icon.ugb-button--has-icon svg": Object { - "height": undefined, - "marginLeft": undefined, - "marginRight": undefined, - "width": undefined, - }, - ".ugb-button1:before": Object { - "backgroundImage": undefined, - "borderRadius": undefined, - "content": undefined, - }, - ".ugb-button1:hover": Object { - "backgroundColor": undefined, - "opacity": undefined, - }, - ".ugb-button1:hover .ugb-button--inner, .ugb-button1:hover svg:not(.ugb-custom-icon)": Object { - "color": undefined, - }, - "mobile": Object { - ".ugb-block-content": Object { - "alignItems": undefined, - "flexDirection": undefined, - "justifyContent": undefined, - }, - ".ugb-button1 .ugb-button--inner": Object { - "lineHeight": undefined, - }, - }, - "tablet": Object { - ".ugb-block-content": Object { - "alignItems": undefined, - "flexDirection": undefined, - "justifyContent": undefined, - }, - ".ugb-button1 .ugb-button--inner": Object { - "lineHeight": undefined, - }, - }, -} -`; - -exports[`Button (v2) block Rendered styles should match snapshot with modified attributes 1`] = ` -Object { - ".ugb-block-content": Object { - "justifyContent": undefined, - }, - ".ugb-block-content .ugb-button": Object { - "borderRadius": "123px", - }, - ".ugb-button1": Object { - "borderRadius": "123px !important", - "opacity": 123, - }, - ".ugb-button1 .ugb-button--inner": Object { - "fontFamily": "\\"button1FontFamily\\", Sans-serif !important", - "fontSize": "123button1FontSizeUnit !important", - "fontWeight": "button1FontWeight !important", - "letterSpacing": "123px !important", - "lineHeight": "123button1LineHeightUnit !important", - "textTransform": "button1TextTransform !important", - }, - ".ugb-button1.ugb-button--has-icon.ugb-button--has-icon svg": Object { - "height": "123px", - "marginLeft": undefined, - "marginRight": "123px", - "width": "123px", - }, - ".ugb-button1:before": Object { - "borderRadius": "123px !important", - }, - ".ugb-button1:hover": Object { - "opacity": 123, - }, - ".ugb-button2": Object { - "borderRadius": "123px !important", - "opacity": 123, - }, - ".ugb-button2 .ugb-button--inner": Object { - "fontFamily": "\\"button2FontFamily\\", Sans-serif !important", - "fontSize": "123button2FontSizeUnit !important", - "fontWeight": "button2FontWeight !important", - "letterSpacing": "123px !important", - "lineHeight": "123button2LineHeightUnit !important", - "textTransform": "button2TextTransform !important", - }, - ".ugb-button2.ugb-button--has-icon.ugb-button--has-icon svg": Object { - "height": "123px", - "marginLeft": undefined, - "marginRight": "123px", - "width": "123px", - }, - ".ugb-button2:before": Object { - "borderRadius": "123px !important", - }, - ".ugb-button2:hover": Object { - "opacity": 123, - }, - ".ugb-button3": Object { - "borderRadius": "123px !important", - "opacity": 123, - }, - ".ugb-button3 .ugb-button--inner": Object { - "fontFamily": "\\"button3FontFamily\\", Sans-serif !important", - "fontSize": "123button3FontSizeUnit !important", - "fontWeight": "button3FontWeight !important", - "letterSpacing": "123px !important", - "lineHeight": "123button3LineHeightUnit !important", - "textTransform": "button3TextTransform !important", - }, - ".ugb-button3.ugb-button--has-icon.ugb-button--has-icon svg": Object { - "height": "123px", - "marginLeft": undefined, - "marginRight": "123px", - "width": "123px", - }, - ".ugb-button3:before": Object { - "borderRadius": "123px !important", - }, - ".ugb-button3:hover": Object { - "opacity": 123, - }, - "mobile": Object { - ".ugb-block-content": Object { - "alignItems": undefined, - "flexDirection": "column", - "justifyContent": undefined, - }, - ".ugb-button1 .ugb-button--inner": Object { - "fontSize": "123button1MobileFontSizeUnit !important", - "lineHeight": "123button1MobileLineHeightUnit !important", - }, - ".ugb-button2 .ugb-button--inner": Object { - "fontSize": "123button2MobileFontSizeUnit !important", - "lineHeight": "123button2MobileLineHeightUnit !important", - }, - ".ugb-button3 .ugb-button--inner": Object { - "fontSize": "123button3MobileFontSizeUnit !important", - "lineHeight": "123button3MobileLineHeightUnit !important", - }, - }, - "tablet": Object { - ".ugb-block-content": Object { - "alignItems": undefined, - "flexDirection": undefined, - "justifyContent": undefined, - }, - ".ugb-button1 .ugb-button--inner": Object { - "fontSize": "123button1TabletFontSizeUnit !important", - "lineHeight": "123button1TabletLineHeightUnit !important", - }, - ".ugb-button2 .ugb-button--inner": Object { - "fontSize": "123button2TabletFontSizeUnit !important", - "lineHeight": "123button2TabletLineHeightUnit !important", - }, - ".ugb-button3 .ugb-button--inner": Object { - "fontSize": "123button3TabletFontSizeUnit !important", - "lineHeight": "123button3TabletLineHeightUnit !important", - }, - }, -} -`; diff --git a/src/deprecated/v2/block/button/__test__/index.test.js b/src/deprecated/v2/block/button/__test__/index.test.js deleted file mode 100644 index dc2dd6f9c3..0000000000 --- a/src/deprecated/v2/block/button/__test__/index.test.js +++ /dev/null @@ -1,13 +0,0 @@ -/** - * External dependencies - */ -import { blockAttributeTests } from '~stackable/test/shared' - -/** - * Internal dependencies - */ -import { settings } from '../' - -describe( `${ settings.title } block`, () => { - blockAttributeTests( { settings } ) -} ) diff --git a/src/deprecated/v2/block/button/__test__/save.test.js b/src/deprecated/v2/block/button/__test__/save.test.js deleted file mode 100644 index 1c64ce84b0..0000000000 --- a/src/deprecated/v2/block/button/__test__/save.test.js +++ /dev/null @@ -1,29 +0,0 @@ -/** - * Internal dependencies - */ -import { name, settings } from '../' - -/** - * External dependencies - */ -import { blockSaveRender } from '~stackable/test' - -describe( `${ settings.title } block`, () => { - describe( 'Save render', () => { - // Specified attributes for save testing. - const attributes = { - design: 'basic', - icon: 'check', - } - - test( 'should match snapshot', () => { - const wrapper = blockSaveRender( name, settings ) - expect( wrapper ).toMatchSnapshot() - } ) - - test( 'should match snapshot with attributes', () => { - const wrapper = blockSaveRender( name, settings, attributes ) - expect( wrapper ).toMatchSnapshot() - } ) - } ) -} ) diff --git a/src/deprecated/v2/block/button/__test__/style.test.js b/src/deprecated/v2/block/button/__test__/style.test.js deleted file mode 100644 index 8ef0bb9bee..0000000000 --- a/src/deprecated/v2/block/button/__test__/style.test.js +++ /dev/null @@ -1,23 +0,0 @@ -/** - * Internal dependencies - */ -import { name, settings } from '../' - -/** - * External dependencies - */ -import { blockStyleTests } from '~stackable/test/shared' -import createStyles from '../style' - -describe( `${ settings.title } block`, () => { - describe( 'Rendered styles', () => { - // Specified attributes for save testing. - const attributes = { - columns: 3, - } - - blockStyleTests( { - settings, name, attributes, createStyles, - } ) - } ) -} ) diff --git a/src/deprecated/v2/block/call-to-action/__test__/__snapshots__/save.test.js.snap b/src/deprecated/v2/block/call-to-action/__test__/__snapshots__/save.test.js.snap deleted file mode 100644 index 5f0573bd31..0000000000 --- a/src/deprecated/v2/block/call-to-action/__test__/__snapshots__/save.test.js.snap +++ /dev/null @@ -1,74 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Call to Action (v2) block Save render should match snapshot 1`] = ` -
-
-
-
-

-
- Title for This Block -
-

-

-

- Description for this block. Use this space for describing your block. Any text will do. -
-

-
- - - -
- Button text -
- - -
-
-
-
-
-`; - -exports[`Call to Action (v2) block Save render should match snapshot with attributes 1`] = ` -
- -
-
-
-
-
-
-`; diff --git a/src/deprecated/v2/block/call-to-action/__test__/__snapshots__/style.test.js.snap b/src/deprecated/v2/block/call-to-action/__test__/__snapshots__/style.test.js.snap deleted file mode 100644 index c0a288d9bd..0000000000 --- a/src/deprecated/v2/block/call-to-action/__test__/__snapshots__/style.test.js.snap +++ /dev/null @@ -1,330 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Call to Action (v2) block Rendered styles should match snapshot 1`] = ` -Object { - ".ugb-button": Object { - "backgroundColor": undefined, - "backgroundImage": undefined, - "borderRadius": undefined, - "opacity": undefined, - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - ".ugb-button .ugb-button--inner": Object { - "fontFamily": undefined, - "fontSize": undefined, - "fontWeight": undefined, - "letterSpacing": undefined, - "lineHeight": undefined, - "textTransform": undefined, - }, - ".ugb-button .ugb-button--inner, .ugb-button svg:not(.ugb-custom-icon)": Object { - "color": undefined, - }, - ".ugb-button-container": Object { - "marginBottom": undefined, - "textAlign": undefined, - }, - ".ugb-button.ugb-button--has-icon.ugb-button--has-icon svg": Object { - "height": undefined, - "marginLeft": undefined, - "marginRight": undefined, - "width": undefined, - }, - ".ugb-button:before": Object { - "backgroundImage": undefined, - "borderRadius": undefined, - "content": undefined, - }, - ".ugb-button:hover": Object { - "backgroundColor": undefined, - "opacity": undefined, - }, - ".ugb-button:hover .ugb-button--inner, .ugb-button:hover svg:not(.ugb-custom-icon)": Object { - "color": undefined, - }, - ".ugb-cta__description": Object { - "color": undefined, - "fontFamily": undefined, - "fontSize": undefined, - "fontWeight": undefined, - "letterSpacing": undefined, - "lineHeight": undefined, - "marginBottom": undefined, - "textAlign": undefined, - "textTransform": undefined, - }, - ".ugb-cta__item": Object { - "backgroundAttachment": undefined, - "backgroundBlendMode": undefined, - "backgroundColor": undefined, - "backgroundImage": undefined, - "backgroundPosition": undefined, - "backgroundRepeat": undefined, - "backgroundSize": undefined, - "borderRadius": undefined, - }, - ".ugb-cta__item:before": Object { - "backgroundColor": undefined, - "backgroundImage": undefined, - "mixBlendMode": undefined, - "opacity": undefined, - }, - ".ugb-cta__title": Object { - "color": undefined, - "fontFamily": undefined, - "fontSize": undefined, - "fontWeight": undefined, - "letterSpacing": undefined, - "lineHeight": undefined, - "marginBottom": undefined, - "textAlign": undefined, - "textTransform": undefined, - }, - ".ugb-cta__title, .ugb-cta__description, .ugb-button-container": Object { - "textAlign": undefined, - }, - "editor": Object { - "desktopTablet": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-cta__item": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "mobile": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-cta__item": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "tabletOnly": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-cta__item": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - }, - "mobile": Object { - ".ugb-button .ugb-button--inner": Object { - "lineHeight": undefined, - }, - ".ugb-button-container": Object { - "marginBottom": undefined, - "textAlign": undefined, - }, - ".ugb-cta__description": Object { - "lineHeight": undefined, - "marginBottom": undefined, - "textAlign": undefined, - }, - ".ugb-cta__item": Object { - "backgroundImage": undefined, - "backgroundPosition": undefined, - "backgroundRepeat": undefined, - "backgroundSize": undefined, - }, - ".ugb-cta__item:before": Object { - "opacity": undefined, - }, - ".ugb-cta__title": Object { - "lineHeight": undefined, - "marginBottom": undefined, - "textAlign": undefined, - }, - ".ugb-cta__title, .ugb-cta__description, .ugb-button-container": Object { - "textAlign": undefined, - }, - }, - "saveOnly": Object { - "desktopTablet": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "mobile": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "tabletOnly": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - }, - "tablet": Object { - ".ugb-button .ugb-button--inner": Object { - "lineHeight": undefined, - }, - ".ugb-button-container": Object { - "textAlign": undefined, - }, - ".ugb-cta__description": Object { - "lineHeight": undefined, - "textAlign": undefined, - }, - ".ugb-cta__item": Object { - "backgroundImage": undefined, - "backgroundPosition": undefined, - "backgroundRepeat": undefined, - "backgroundSize": undefined, - }, - ".ugb-cta__item:before": Object { - "opacity": undefined, - }, - ".ugb-cta__title": Object { - "lineHeight": undefined, - "textAlign": undefined, - }, - ".ugb-cta__title, .ugb-cta__description, .ugb-button-container": Object { - "textAlign": undefined, - }, - }, - "tabletOnly": Object { - ".ugb-button-container": Object { - "marginBottom": undefined, - }, - ".ugb-cta__description": Object { - "marginBottom": undefined, - }, - ".ugb-cta__title": Object { - "marginBottom": undefined, - }, - }, -} -`; - -exports[`Call to Action (v2) block Rendered styles should match snapshot with modified attributes 1`] = ` -Object { - ".ugb-cta__item": Object { - "backgroundAttachment": "fixed", - "backgroundBlendMode": "columnBackgroundImageBlendMode", - "backgroundColor": "#123456 !important", - "backgroundImage": "url(columnBackgroundMediaUrl)", - "backgroundPosition": "columnBackgroundPosition", - "backgroundRepeat": "columnBackgroundRepeat", - "backgroundSize": "columnBackgroundSize", - "borderBottomWidth": "123px !important", - "borderColor": "#123456 !important", - "borderLeftWidth": "123px !important", - "borderRadius": "123px !important", - "borderRightWidth": "123px !important", - "borderStyle": "columnBorderType !important", - "borderTopWidth": "123px !important", - }, - ".ugb-cta__item:before": Object { - "backgroundColor": "#123456 !important", - "backgroundImage": undefined, - "mixBlendMode": undefined, - "opacity": 12.3, - }, - ".ugb-cta__title, .ugb-cta__description, .ugb-button-container": Object { - "textAlign": undefined, - }, - "editor": Object { - "desktopTablet": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-cta__item": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "mobile": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-cta__item": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "tabletOnly": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-cta__item": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - }, - "mobile": Object { - ".ugb-cta__item": Object { - "backgroundImage": "url(columnMobileBackgroundMediaUrl)", - "backgroundPosition": "columnMobileBackgroundPosition", - "backgroundRepeat": "columnMobileBackgroundRepeat", - "backgroundSize": "columnMobileBackgroundSize", - "borderBottomWidth": "123px !important", - "borderLeftWidth": "123px !important", - "borderRightWidth": "123px !important", - "borderTopWidth": "123px !important", - }, - ".ugb-cta__item:before": Object { - "opacity": 12.3, - }, - ".ugb-cta__title, .ugb-cta__description, .ugb-button-container": Object { - "textAlign": undefined, - }, - }, - "saveOnly": Object { - "desktopTablet": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "mobile": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "tabletOnly": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - }, - "tablet": Object { - ".ugb-cta__item": Object { - "backgroundImage": "url(columnTabletBackgroundMediaUrl)", - "backgroundPosition": "columnTabletBackgroundPosition", - "backgroundRepeat": "columnTabletBackgroundRepeat", - "backgroundSize": "columnTabletBackgroundSize", - "borderBottomWidth": "123px !important", - "borderLeftWidth": "123px !important", - "borderRightWidth": "123px !important", - "borderTopWidth": "123px !important", - }, - ".ugb-cta__item:before": Object { - "opacity": 12.3, - }, - ".ugb-cta__title, .ugb-cta__description, .ugb-button-container": Object { - "textAlign": undefined, - }, - }, -} -`; diff --git a/src/deprecated/v2/block/call-to-action/__test__/index.test.js b/src/deprecated/v2/block/call-to-action/__test__/index.test.js deleted file mode 100644 index dc2dd6f9c3..0000000000 --- a/src/deprecated/v2/block/call-to-action/__test__/index.test.js +++ /dev/null @@ -1,13 +0,0 @@ -/** - * External dependencies - */ -import { blockAttributeTests } from '~stackable/test/shared' - -/** - * Internal dependencies - */ -import { settings } from '../' - -describe( `${ settings.title } block`, () => { - blockAttributeTests( { settings } ) -} ) diff --git a/src/deprecated/v2/block/call-to-action/__test__/save.test.js b/src/deprecated/v2/block/call-to-action/__test__/save.test.js deleted file mode 100644 index 3d6f252de2..0000000000 --- a/src/deprecated/v2/block/call-to-action/__test__/save.test.js +++ /dev/null @@ -1,28 +0,0 @@ -/** - * Internal dependencies - */ -import { name, settings } from '../' - -/** - * External dependencies - */ -import { blockSaveRender } from '~stackable/test' - -describe( `${ settings.title } block`, () => { - describe( 'Save render', () => { - // Specified attributes for save testing. - const attributes = { - design: 'wave-2', - } - - test( 'should match snapshot', () => { - const wrapper = blockSaveRender( name, settings ) - expect( wrapper ).toMatchSnapshot() - } ) - - test( 'should match snapshot with attributes', () => { - const wrapper = blockSaveRender( name, settings, attributes ) - expect( wrapper ).toMatchSnapshot() - } ) - } ) -} ) diff --git a/src/deprecated/v2/block/call-to-action/__test__/style.test.js b/src/deprecated/v2/block/call-to-action/__test__/style.test.js deleted file mode 100644 index e429100666..0000000000 --- a/src/deprecated/v2/block/call-to-action/__test__/style.test.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Internal dependencies - */ -import { name, settings } from '../' - -/** - * External dependencies - */ -import { blockStyleTests } from '~stackable/test/shared' -import createStyles from '../style' - -describe( `${ settings.title } block`, () => { - describe( 'Rendered styles', () => { - // Specified attributes for save testing. - const attributes = {} - - blockStyleTests( { - settings, name, attributes, createStyles, - } ) - } ) -} ) diff --git a/src/deprecated/v2/block/card/__test__/__snapshots__/save.test.js.snap b/src/deprecated/v2/block/card/__test__/__snapshots__/save.test.js.snap deleted file mode 100644 index a91649e59d..0000000000 --- a/src/deprecated/v2/block/card/__test__/__snapshots__/save.test.js.snap +++ /dev/null @@ -1,153 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Card (v2) block Save render should match snapshot 1`] = ` -
-
-
-
- -
-

-
- Title for This Block -
-

-

-

- Subtitle for This Block -
-

-

-

- Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block. -
-

-
- - - -
- Button text -
- - -
-
-
-
- -
-

-
- Title for This Block -
-

-

-

- Subtitle for This Block -
-

-

-

- Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block. -
-

-
- - - -
- Button text -
- - -
-
-
-
-
-
-`; - -exports[`Card (v2) block Save render should match snapshot with attributes 1`] = ` -
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-`; diff --git a/src/deprecated/v2/block/card/__test__/__snapshots__/style.test.js.snap b/src/deprecated/v2/block/card/__test__/__snapshots__/style.test.js.snap deleted file mode 100644 index 19123e0e53..0000000000 --- a/src/deprecated/v2/block/card/__test__/__snapshots__/style.test.js.snap +++ /dev/null @@ -1,329 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Card (v2) block Rendered styles should match snapshot 1`] = ` -Object { - ".ugb-button": Object { - "backgroundColor": undefined, - "backgroundImage": undefined, - "borderRadius": undefined, - "opacity": undefined, - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - ".ugb-button .ugb-button--inner": Object { - "fontFamily": undefined, - "fontSize": undefined, - "fontWeight": undefined, - "letterSpacing": undefined, - "lineHeight": undefined, - "textTransform": undefined, - }, - ".ugb-button .ugb-button--inner, .ugb-button svg:not(.ugb-custom-icon)": Object { - "color": undefined, - }, - ".ugb-button-container": Object { - "marginBottom": undefined, - "textAlign": undefined, - }, - ".ugb-button.ugb-button--has-icon.ugb-button--has-icon svg": Object { - "height": undefined, - "marginLeft": undefined, - "marginRight": undefined, - "width": undefined, - }, - ".ugb-button:before": Object { - "backgroundImage": undefined, - "borderRadius": undefined, - "content": undefined, - }, - ".ugb-button:hover": Object { - "backgroundColor": undefined, - "opacity": undefined, - }, - ".ugb-button:hover .ugb-button--inner, .ugb-button:hover svg:not(.ugb-custom-icon)": Object { - "color": undefined, - }, - ".ugb-card__description": Object { - "color": undefined, - "fontFamily": undefined, - "fontSize": undefined, - "fontWeight": undefined, - "letterSpacing": undefined, - "lineHeight": undefined, - "marginBottom": undefined, - "textAlign": undefined, - "textTransform": undefined, - }, - ".ugb-card__image": Object { - "backgroundImage": undefined, - "backgroundPosition": undefined, - "backgroundRepeat": undefined, - "backgroundSize": undefined, - "height": undefined, - }, - ".ugb-card__item": Object { - "backgroundAttachment": undefined, - "backgroundBlendMode": undefined, - "backgroundColor": undefined, - "backgroundImage": undefined, - "backgroundPosition": undefined, - "backgroundRepeat": undefined, - "backgroundSize": undefined, - "borderRadius": undefined, - }, - ".ugb-card__item1 .ugb-card__image": Object { - "backgroundImage": undefined, - }, - ".ugb-card__item2 .ugb-card__image": Object { - "backgroundImage": undefined, - }, - ".ugb-card__item3 .ugb-card__image": Object { - "backgroundImage": undefined, - }, - ".ugb-card__item:before": Object { - "backgroundColor": undefined, - "backgroundImage": undefined, - "mixBlendMode": undefined, - "opacity": undefined, - }, - ".ugb-card__subtitle": Object { - "color": undefined, - "fontFamily": undefined, - "fontSize": undefined, - "fontWeight": undefined, - "letterSpacing": undefined, - "lineHeight": undefined, - "marginBottom": undefined, - "textAlign": undefined, - "textTransform": undefined, - }, - ".ugb-card__title": Object { - "color": undefined, - "fontFamily": undefined, - "fontSize": undefined, - "fontWeight": undefined, - "letterSpacing": undefined, - "lineHeight": undefined, - "marginBottom": undefined, - "textAlign": undefined, - "textTransform": undefined, - }, - ".ugb-card__title, .ugb-card__subtitle, .ugb-card__description, .ugb-button-container": Object { - "textAlign": undefined, - }, - "desktopTablet": Object { - ".ugb-card__content": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "mobile": Object { - ".ugb-button .ugb-button--inner": Object { - "lineHeight": undefined, - }, - ".ugb-button-container": Object { - "marginBottom": undefined, - "textAlign": undefined, - }, - ".ugb-card__content": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - ".ugb-card__description": Object { - "lineHeight": undefined, - "marginBottom": undefined, - "textAlign": undefined, - }, - ".ugb-card__image": Object { - "height": undefined, - }, - ".ugb-card__item": Object { - "backgroundImage": undefined, - "backgroundPosition": undefined, - "backgroundRepeat": undefined, - "backgroundSize": undefined, - }, - ".ugb-card__item:before": Object { - "opacity": undefined, - }, - ".ugb-card__subtitle": Object { - "lineHeight": undefined, - "marginBottom": undefined, - "textAlign": undefined, - }, - ".ugb-card__title": Object { - "lineHeight": undefined, - "marginBottom": undefined, - "textAlign": undefined, - }, - ".ugb-card__title, .ugb-card__subtitle, .ugb-card__description, .ugb-button-container": Object { - "textAlign": undefined, - }, - }, - "tablet": Object { - ".ugb-button .ugb-button--inner": Object { - "lineHeight": undefined, - }, - ".ugb-card__description": Object { - "lineHeight": undefined, - "textAlign": undefined, - }, - ".ugb-card__image": Object {}, - ".ugb-card__item": Object { - "backgroundImage": undefined, - "backgroundPosition": undefined, - "backgroundRepeat": undefined, - "backgroundSize": undefined, - }, - ".ugb-card__item:before": Object { - "opacity": undefined, - }, - ".ugb-card__subtitle": Object { - "lineHeight": undefined, - "textAlign": undefined, - }, - ".ugb-card__title": Object { - "lineHeight": undefined, - "textAlign": undefined, - }, - ".ugb-card__title, .ugb-card__subtitle, .ugb-card__description, .ugb-button-container": Object { - "textAlign": undefined, - }, - }, - "tabletOnly": Object { - ".ugb-button-container": Object { - "marginBottom": undefined, - "textAlign": undefined, - }, - ".ugb-card__content": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - ".ugb-card__description": Object { - "marginBottom": undefined, - }, - ".ugb-card__image": Object { - "height": undefined, - }, - ".ugb-card__subtitle": Object { - "marginBottom": undefined, - }, - ".ugb-card__title": Object { - "marginBottom": undefined, - }, - }, -} -`; - -exports[`Card (v2) block Rendered styles should match snapshot with modified attributes 1`] = ` -Object { - ".ugb-card__image": Object { - "backgroundImage": "url(imageUrl)", - "backgroundPosition": "imageBackgroundPosition !important", - "backgroundRepeat": "imageBackgroundRepeat !important", - "backgroundSize": "imageBackgroundSize !important", - }, - ".ugb-card__item": Object { - "backgroundAttachment": "fixed", - "backgroundBlendMode": "columnBackgroundImageBlendMode", - "backgroundColor": "#123456 !important", - "backgroundImage": "url(columnBackgroundMediaUrl)", - "backgroundPosition": "columnBackgroundPosition", - "backgroundRepeat": "columnBackgroundRepeat", - "backgroundSize": "columnBackgroundSize", - "borderBottomWidth": "123px !important", - "borderColor": "#123456 !important", - "borderLeftWidth": "123px !important", - "borderRadius": "123px !important", - "borderRightWidth": "123px !important", - "borderStyle": "columnBorderType !important", - "borderTopWidth": "123px !important", - }, - ".ugb-card__item1 .ugb-card__image": Object { - "backgroundImage": "url(image1Url)", - }, - ".ugb-card__item2 .ugb-card__image": Object { - "backgroundImage": "url(image2Url)", - }, - ".ugb-card__item3 .ugb-card__image": Object { - "backgroundImage": "url(image3Url)", - }, - ".ugb-card__item:before": Object { - "backgroundColor": "#123456 !important", - "backgroundImage": undefined, - "mixBlendMode": undefined, - "opacity": 12.3, - }, - ".ugb-card__title, .ugb-card__subtitle, .ugb-card__description, .ugb-button-container": Object { - "textAlign": undefined, - }, - "desktopTablet": Object { - ".ugb-card__content": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "mobile": Object { - ".ugb-card__content": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - ".ugb-card__image": Object {}, - ".ugb-card__item": Object { - "backgroundImage": "url(columnMobileBackgroundMediaUrl)", - "backgroundPosition": "columnMobileBackgroundPosition", - "backgroundRepeat": "columnMobileBackgroundRepeat", - "backgroundSize": "columnMobileBackgroundSize", - "borderBottomWidth": "123px !important", - "borderLeftWidth": "123px !important", - "borderRightWidth": "123px !important", - "borderTopWidth": "123px !important", - }, - ".ugb-card__item:before": Object { - "opacity": 12.3, - }, - ".ugb-card__title, .ugb-card__subtitle, .ugb-card__description, .ugb-button-container": Object { - "textAlign": undefined, - }, - }, - "tablet": Object { - ".ugb-card__image": Object {}, - ".ugb-card__item": Object { - "backgroundImage": "url(columnTabletBackgroundMediaUrl)", - "backgroundPosition": "columnTabletBackgroundPosition", - "backgroundRepeat": "columnTabletBackgroundRepeat", - "backgroundSize": "columnTabletBackgroundSize", - "borderBottomWidth": "123px !important", - "borderLeftWidth": "123px !important", - "borderRightWidth": "123px !important", - "borderTopWidth": "123px !important", - }, - ".ugb-card__item:before": Object { - "opacity": 12.3, - }, - ".ugb-card__title, .ugb-card__subtitle, .ugb-card__description, .ugb-button-container": Object { - "textAlign": undefined, - }, - }, - "tabletOnly": Object { - ".ugb-card__content": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, -} -`; diff --git a/src/deprecated/v2/block/card/__test__/index.test.js b/src/deprecated/v2/block/card/__test__/index.test.js deleted file mode 100644 index dc2dd6f9c3..0000000000 --- a/src/deprecated/v2/block/card/__test__/index.test.js +++ /dev/null @@ -1,13 +0,0 @@ -/** - * External dependencies - */ -import { blockAttributeTests } from '~stackable/test/shared' - -/** - * Internal dependencies - */ -import { settings } from '../' - -describe( `${ settings.title } block`, () => { - blockAttributeTests( { settings } ) -} ) diff --git a/src/deprecated/v2/block/card/__test__/save.test.js b/src/deprecated/v2/block/card/__test__/save.test.js deleted file mode 100644 index 3d6f252de2..0000000000 --- a/src/deprecated/v2/block/card/__test__/save.test.js +++ /dev/null @@ -1,28 +0,0 @@ -/** - * Internal dependencies - */ -import { name, settings } from '../' - -/** - * External dependencies - */ -import { blockSaveRender } from '~stackable/test' - -describe( `${ settings.title } block`, () => { - describe( 'Save render', () => { - // Specified attributes for save testing. - const attributes = { - design: 'wave-2', - } - - test( 'should match snapshot', () => { - const wrapper = blockSaveRender( name, settings ) - expect( wrapper ).toMatchSnapshot() - } ) - - test( 'should match snapshot with attributes', () => { - const wrapper = blockSaveRender( name, settings, attributes ) - expect( wrapper ).toMatchSnapshot() - } ) - } ) -} ) diff --git a/src/deprecated/v2/block/card/__test__/style.test.js b/src/deprecated/v2/block/card/__test__/style.test.js deleted file mode 100644 index e429100666..0000000000 --- a/src/deprecated/v2/block/card/__test__/style.test.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Internal dependencies - */ -import { name, settings } from '../' - -/** - * External dependencies - */ -import { blockStyleTests } from '~stackable/test/shared' -import createStyles from '../style' - -describe( `${ settings.title } block`, () => { - describe( 'Rendered styles', () => { - // Specified attributes for save testing. - const attributes = {} - - blockStyleTests( { - settings, name, attributes, createStyles, - } ) - } ) -} ) diff --git a/src/deprecated/v2/block/container/__test__/__snapshots__/save.test.js.snap b/src/deprecated/v2/block/container/__test__/__snapshots__/save.test.js.snap deleted file mode 100644 index 88803390a8..0000000000 --- a/src/deprecated/v2/block/container/__test__/__snapshots__/save.test.js.snap +++ /dev/null @@ -1,60 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Container (v2) block Save render should match snapshot 1`] = ` -
-
-
-
-
-
-
-
-
-
-
-
-
-`; - -exports[`Container (v2) block Save render should match snapshot with attributes 1`] = ` -
- -
-
-
-
-
-
-
-
-
-
-
-
-`; diff --git a/src/deprecated/v2/block/container/__test__/__snapshots__/style.test.js.snap b/src/deprecated/v2/block/container/__test__/__snapshots__/style.test.js.snap deleted file mode 100644 index d7aa3e3c2e..0000000000 --- a/src/deprecated/v2/block/container/__test__/__snapshots__/style.test.js.snap +++ /dev/null @@ -1,381 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Container (v2) block Rendered styles should match snapshot 1`] = ` -Object { - ".-content-wrapper > h1, .-content-wrapper > h2, .-content-wrapper > h3, .-content-wrapper > h4, .-content-wrapper > h5, .-content-wrapper > h6": Object { - "color": undefined, - }, - ".-content-wrapper > p, .-content-wrapper > ol li, .-content-wrapper > ul li": Object { - "color": undefined, - }, - ".-wrapper > .ugb-container__side": Object { - "alignItems": undefined, - "paddingBottom": undefined, - "paddingTop": undefined, - }, - ".-wrapper.ugb-container__wrapper": Object { - "backgroundAttachment": undefined, - "backgroundBlendMode": undefined, - "backgroundColor": undefined, - "backgroundImage": undefined, - "backgroundPosition": undefined, - "backgroundRepeat": undefined, - "backgroundSize": undefined, - "borderRadius": undefined, - "minHeight": undefined, - "paddingBottom": undefined, - "paddingTop": undefined, - }, - ".-wrapper.ugb-container__wrapper:before": Object { - "backgroundColor": undefined, - "backgroundImage": undefined, - "mixBlendMode": undefined, - "opacity": undefined, - }, - "a:hover, a:hover:visited": Object { - "color": undefined, - }, - "desktopTablet": Object { - ".-content-wrapper.ugb-container__content-wrapper": Object { - "width": undefined, - }, - }, - "editor": Object { - ".-content-wrapper > * > * [data-type*=\\"core/heading\\"] h1, .-content-wrapper > * > * [data-type*=\\"core/heading\\"] h2, .-content-wrapper > * > * [data-type*=\\"core/heading\\"] h3, .-content-wrapper > * > * [data-type*=\\"core/heading\\"] h4, .-content-wrapper > * > * [data-type*=\\"core/heading\\"] h5, .-content-wrapper > * > * [data-type*=\\"core/heading\\"] h6": Object { - "color": undefined, - }, - ".-content-wrapper > * > * [data-type*=\\"core/paragraph\\"] p, .-content-wrapper > * > * [data-type*=\\"core/list\\"] li": Object { - "color": undefined, - }, - ".-wrapper.ugb-container__wrapper > .ugb-video-background, .-wrapper.ugb-container__wrapper:before": Object { - "borderRadius": "12px !important", - }, - "> .ugb-inner-block > .ugb-block-content > .ugb-container__wrapper": Object { - "justifyContent": undefined, - }, - "a, a:visited, a:focus": Object { - "color": undefined, - }, - "a:hover": Object { - "color": undefined, - }, - "desktopTablet": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-container__wrapper": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "mobile": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-container__wrapper": Object { - "justifyContent": undefined, - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "tablet": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-container__wrapper": Object { - "justifyContent": undefined, - }, - }, - "tabletOnly": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-container__wrapper": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - }, - "h1, h2, h3, h4, h5, h6": Object { - "color": undefined, - }, - "mobile": Object { - ".-content-wrapper.ugb-container__content-wrapper": Object { - "width": undefined, - }, - ".-wrapper > .ugb-container__side": Object { - "alignItems": undefined, - "paddingBottom": undefined, - "paddingTop": undefined, - }, - ".-wrapper.ugb-container__wrapper": Object { - "backgroundImage": undefined, - "backgroundPosition": undefined, - "backgroundRepeat": undefined, - "backgroundSize": undefined, - "minHeight": undefined, - "paddingBottom": undefined, - "paddingTop": undefined, - }, - ".-wrapper.ugb-container__wrapper:before": Object { - "opacity": undefined, - }, - }, - "p, li, label, table": Object { - "color": undefined, - }, - "saveOnly": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "justifyContent": undefined, - }, - "a, a:visited, a:focus": Object { - "color": undefined, - }, - "desktopTablet": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "mobile": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "justifyContent": undefined, - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "tablet": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "justifyContent": undefined, - }, - }, - "tabletOnly": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - }, - "tablet": Object { - ".-wrapper > .ugb-container__side": Object { - "alignItems": undefined, - "paddingBottom": undefined, - "paddingTop": undefined, - }, - ".-wrapper.ugb-container__wrapper": Object { - "backgroundImage": undefined, - "backgroundPosition": undefined, - "backgroundRepeat": undefined, - "backgroundSize": undefined, - "minHeight": undefined, - "paddingBottom": undefined, - "paddingTop": undefined, - }, - ".-wrapper.ugb-container__wrapper:before": Object { - "opacity": undefined, - }, - }, - "tabletOnly": Object { - ".-content-wrapper.ugb-container__content-wrapper": Object { - "width": undefined, - }, - }, -} -`; - -exports[`Container (v2) block Rendered styles should match snapshot with modified attributes 1`] = ` -Object { - ".-content-wrapper > h1, .-content-wrapper > h2, .-content-wrapper > h3, .-content-wrapper > h4, .-content-wrapper > h5, .-content-wrapper > h6": Object { - "color": "#123456", - }, - ".-content-wrapper > p, .-content-wrapper > ol li, .-content-wrapper > ul li": Object { - "color": "#123456", - }, - ".-wrapper > .ugb-container__side": Object { - "alignItems": "contentHorizontalAlign !important", - "paddingBottom": undefined, - "paddingTop": undefined, - }, - ".-wrapper.ugb-container__wrapper": Object { - "backgroundAttachment": "fixed", - "backgroundBlendMode": "columnBackgroundImageBlendMode", - "backgroundColor": "#123456 !important", - "backgroundImage": "url(columnBackgroundMediaUrl)", - "backgroundPosition": "columnBackgroundPosition", - "backgroundRepeat": "columnBackgroundRepeat", - "backgroundSize": "columnBackgroundSize !important", - "borderBottomWidth": "123px !important", - "borderColor": "#123456 !important", - "borderLeftWidth": "123px !important", - "borderRadius": "123px !important", - "borderRightWidth": "123px !important", - "borderStyle": "columnBorderType !important", - "borderTopWidth": "123px !important", - "minHeight": undefined, - "paddingBottom": undefined, - "paddingTop": undefined, - }, - ".-wrapper.ugb-container__wrapper:before": Object { - "backgroundColor": "#123456 !important", - "backgroundImage": undefined, - "mixBlendMode": undefined, - "opacity": 12.3, - }, - "a:hover, a:hover:visited": Object { - "color": "#123456", - }, - "desktopTablet": Object { - ".-content-wrapper.ugb-container__content-wrapper": Object { - "width": "123% !important", - }, - }, - "editor": Object { - ".-content-wrapper > * > * [data-type*=\\"core/heading\\"] h1, .-content-wrapper > * > * [data-type*=\\"core/heading\\"] h2, .-content-wrapper > * > * [data-type*=\\"core/heading\\"] h3, .-content-wrapper > * > * [data-type*=\\"core/heading\\"] h4, .-content-wrapper > * > * [data-type*=\\"core/heading\\"] h5, .-content-wrapper > * > * [data-type*=\\"core/heading\\"] h6": Object { - "color": "#123456", - }, - ".-content-wrapper > * > * [data-type*=\\"core/paragraph\\"] p, .-content-wrapper > * > * [data-type*=\\"core/list\\"] li": Object { - "color": "#123456", - }, - ".-wrapper.ugb-container__wrapper > .ugb-video-background, .-wrapper.ugb-container__wrapper:before": Object { - "borderRadius": "123px !important", - }, - "> .ugb-inner-block > .ugb-block-content > .ugb-container__wrapper": Object { - "justifyContent": undefined, - }, - "a, a:visited, a:focus": Object { - "color": "#123456 !important", - }, - "a:hover": Object { - "color": "#123456 !important", - }, - "desktopTablet": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-container__wrapper": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "mobile": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-container__wrapper": Object { - "justifyContent": undefined, - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "tablet": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-container__wrapper": Object { - "justifyContent": undefined, - }, - }, - "tabletOnly": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-container__wrapper": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - }, - "h1, h2, h3, h4, h5, h6": Object { - "color": "#123456", - }, - "mobile": Object { - ".-content-wrapper.ugb-container__content-wrapper": Object { - "width": "123% !important", - }, - ".-wrapper > .ugb-container__side": Object { - "alignItems": undefined, - "paddingBottom": undefined, - "paddingTop": undefined, - }, - ".-wrapper.ugb-container__wrapper": Object { - "backgroundImage": "url(columnMobileBackgroundMediaUrl)", - "backgroundPosition": "columnMobileBackgroundPosition", - "backgroundRepeat": "columnMobileBackgroundRepeat", - "backgroundSize": "columnMobileBackgroundSize !important", - "borderBottomWidth": "123px !important", - "borderLeftWidth": "123px !important", - "borderRightWidth": "123px !important", - "borderTopWidth": "123px !important", - "minHeight": undefined, - "paddingBottom": undefined, - "paddingTop": undefined, - }, - ".-wrapper.ugb-container__wrapper:before": Object { - "opacity": 12.3, - }, - }, - "p, li, label, table": Object { - "color": "#123456", - }, - "saveOnly": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "justifyContent": undefined, - }, - "a, a:visited, a:focus": Object { - "color": "#123456", - }, - "desktopTablet": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "mobile": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "justifyContent": undefined, - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "tablet": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "justifyContent": undefined, - }, - }, - "tabletOnly": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - }, - "tablet": Object { - ".-wrapper > .ugb-container__side": Object { - "alignItems": undefined, - "paddingBottom": undefined, - "paddingTop": undefined, - }, - ".-wrapper.ugb-container__wrapper": Object { - "backgroundImage": "url(columnTabletBackgroundMediaUrl)", - "backgroundPosition": "columnTabletBackgroundPosition", - "backgroundRepeat": "columnTabletBackgroundRepeat", - "backgroundSize": "columnTabletBackgroundSize !important", - "borderBottomWidth": "123px !important", - "borderLeftWidth": "123px !important", - "borderRightWidth": "123px !important", - "borderTopWidth": "123px !important", - "minHeight": undefined, - "paddingBottom": undefined, - "paddingTop": undefined, - }, - ".-wrapper.ugb-container__wrapper:before": Object { - "opacity": 12.3, - }, - }, - "tabletOnly": Object { - ".-content-wrapper.ugb-container__content-wrapper": Object { - "width": "123% !important", - }, - }, -} -`; diff --git a/src/deprecated/v2/block/container/__test__/index.test.js b/src/deprecated/v2/block/container/__test__/index.test.js deleted file mode 100644 index dc2dd6f9c3..0000000000 --- a/src/deprecated/v2/block/container/__test__/index.test.js +++ /dev/null @@ -1,13 +0,0 @@ -/** - * External dependencies - */ -import { blockAttributeTests } from '~stackable/test/shared' - -/** - * Internal dependencies - */ -import { settings } from '../' - -describe( `${ settings.title } block`, () => { - blockAttributeTests( { settings } ) -} ) diff --git a/src/deprecated/v2/block/container/__test__/save.test.js b/src/deprecated/v2/block/container/__test__/save.test.js deleted file mode 100644 index 3d6f252de2..0000000000 --- a/src/deprecated/v2/block/container/__test__/save.test.js +++ /dev/null @@ -1,28 +0,0 @@ -/** - * Internal dependencies - */ -import { name, settings } from '../' - -/** - * External dependencies - */ -import { blockSaveRender } from '~stackable/test' - -describe( `${ settings.title } block`, () => { - describe( 'Save render', () => { - // Specified attributes for save testing. - const attributes = { - design: 'wave-2', - } - - test( 'should match snapshot', () => { - const wrapper = blockSaveRender( name, settings ) - expect( wrapper ).toMatchSnapshot() - } ) - - test( 'should match snapshot with attributes', () => { - const wrapper = blockSaveRender( name, settings, attributes ) - expect( wrapper ).toMatchSnapshot() - } ) - } ) -} ) diff --git a/src/deprecated/v2/block/container/__test__/style.test.js b/src/deprecated/v2/block/container/__test__/style.test.js deleted file mode 100644 index e429100666..0000000000 --- a/src/deprecated/v2/block/container/__test__/style.test.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Internal dependencies - */ -import { name, settings } from '../' - -/** - * External dependencies - */ -import { blockStyleTests } from '~stackable/test/shared' -import createStyles from '../style' - -describe( `${ settings.title } block`, () => { - describe( 'Rendered styles', () => { - // Specified attributes for save testing. - const attributes = {} - - blockStyleTests( { - settings, name, attributes, createStyles, - } ) - } ) -} ) diff --git a/src/deprecated/v2/block/count-up/__test__/__snapshots__/save.test.js.snap b/src/deprecated/v2/block/count-up/__test__/__snapshots__/save.test.js.snap deleted file mode 100644 index e80639f06f..0000000000 --- a/src/deprecated/v2/block/count-up/__test__/__snapshots__/save.test.js.snap +++ /dev/null @@ -1,121 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Count Up (v2) block Save render should match snapshot 1`] = ` -
-
-
-
-

-
- Title -
-

-
-
- $99.99 -
-
-

-

- Description -
-

-
-
-

-
- Title -
-

-
-
- 1,234 -
-
-

-

- Description -
-

-
-
-
-
-`; - -exports[`Count Up (v2) block Save render should match snapshot with attributes 1`] = ` -
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-`; diff --git a/src/deprecated/v2/block/count-up/__test__/__snapshots__/style.test.js.snap b/src/deprecated/v2/block/count-up/__test__/__snapshots__/style.test.js.snap deleted file mode 100644 index 07a3fb269c..0000000000 --- a/src/deprecated/v2/block/count-up/__test__/__snapshots__/style.test.js.snap +++ /dev/null @@ -1,259 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Count Up (v2) block Rendered styles should match snapshot 1`] = ` -Object { - ".ugb-countup__counter": Object { - "color": undefined, - "fontFamily": undefined, - "fontSize": undefined, - "fontWeight": undefined, - "letterSpacing": undefined, - "lineHeight": undefined, - "marginBottom": undefined, - "textAlign": undefined, - "textTransform": undefined, - }, - ".ugb-countup__description": Object { - "color": undefined, - "fontFamily": undefined, - "fontSize": undefined, - "fontWeight": undefined, - "letterSpacing": undefined, - "lineHeight": undefined, - "marginBottom": undefined, - "textAlign": undefined, - "textTransform": undefined, - }, - ".ugb-countup__icon, .ugb-countup__counter, .ugb-countup__title, .ugb-countup__description": Object { - "textAlign": undefined, - }, - ".ugb-countup__title": Object { - "color": undefined, - "fontFamily": undefined, - "fontSize": undefined, - "fontWeight": undefined, - "letterSpacing": undefined, - "lineHeight": undefined, - "marginBottom": undefined, - "textAlign": undefined, - "textTransform": undefined, - }, - "editor": Object { - "desktopTablet": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-countup__item": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "mobile": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-countup__item": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "tabletOnly": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-countup__item": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - }, - "mobile": Object { - ".ugb-countup__counter": Object { - "lineHeight": undefined, - "marginBottom": undefined, - "textAlign": undefined, - }, - ".ugb-countup__description": Object { - "lineHeight": undefined, - "marginBottom": undefined, - "textAlign": undefined, - }, - ".ugb-countup__icon, .ugb-countup__counter, .ugb-countup__title, .ugb-countup__description": Object { - "textAlign": undefined, - }, - ".ugb-countup__title": Object { - "lineHeight": undefined, - "marginBottom": undefined, - "textAlign": undefined, - }, - }, - "saveOnly": Object { - "desktopTablet": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "mobile": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "tabletOnly": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - }, - "tablet": Object { - ".ugb-countup__counter": Object { - "lineHeight": undefined, - "textAlign": undefined, - }, - ".ugb-countup__description": Object { - "lineHeight": undefined, - "textAlign": undefined, - }, - ".ugb-countup__icon, .ugb-countup__counter, .ugb-countup__title, .ugb-countup__description": Object { - "textAlign": undefined, - }, - ".ugb-countup__title": Object { - "lineHeight": undefined, - "textAlign": undefined, - }, - }, - "tabletOnly": Object { - ".ugb-countup__counter": Object { - "marginBottom": undefined, - }, - ".ugb-countup__description": Object { - "marginBottom": undefined, - }, - ".ugb-countup__title": Object { - "marginBottom": undefined, - }, - }, -} -`; - -exports[`Count Up (v2) block Rendered styles should match snapshot with modified attributes 1`] = ` -Object { - ".ugb-countup__icon": Object { - "marginBottom": "123px !important", - "marginLeft": "auto !important", - "marginRight": "auto !important", - "opacity": "123 !important", - }, - ".ugb-countup__icon .ugb-icon-inner-svg": Object { - "color": "#123456 !important", - "transform": "rotate(123deg) !important", - }, - ".ugb-countup__icon .ugb-icon-inner-svg, .ugb-countup__icon .ugb-icon-inner-svg svg": Object { - "height": "123px !important", - "width": "123px !important", - }, - ".ugb-countup__icon svg:not(.ugb-custom-icon)": Object { - "color": "#123456", - }, - ".ugb-countup__icon, .ugb-countup__counter, .ugb-countup__title, .ugb-countup__description": Object { - "textAlign": undefined, - }, - "editor": Object { - ".ugb-countup__icon .ugb-icon-inner-svg, .ugb-countup__icon .ugb-icon-inner-svg svg path, .ugb-countup__icon .ugb-icon-inner-svg svg g, .ugb-countup__icon .ugb-icon-inner-svg svg shape, .ugb-countup__icon .ugb-icon-inner-svg svg circle, .ugb-countup__icon .ugb-icon-inner-svg svg path, .ugb-countup__icon .ugb-icon-inner-svg svg rect, .ugb-countup__icon .ugb-icon-inner-svg svg polygon, .ugb-countup__icon .ugb-icon-inner-svg svg ellipse": Object { - "color": "#123456 !important", - "fill": "#123456 !important", - }, - "desktopTablet": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-countup__item": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "mobile": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-countup__item": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "tabletOnly": Object { - "> .ugb-inner-block > .ugb-block-content > .ugb-countup__item": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - }, - "mobile": Object { - ".ugb-countup__icon": Object { - "marginBottom": "123px !important", - "marginLeft": "auto !important", - "marginRight": "auto !important", - }, - ".ugb-countup__icon .ugb-icon-inner-svg, .ugb-countup__icon .ugb-icon-inner-svg svg": Object { - "height": "123px !important", - "width": "123px !important", - }, - ".ugb-countup__icon, .ugb-countup__counter, .ugb-countup__title, .ugb-countup__description": Object { - "textAlign": undefined, - }, - }, - "saveOnly": Object { - ".ugb-countup__icon .ugb-icon-inner-svg, .ugb-countup__icon .ugb-icon-inner-svg svg *": Object { - "color": "#123456 !important", - "fill": "#123456 !important", - }, - "desktopTablet": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "mobile": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - "tabletOnly": Object { - "> .ugb-inner-block > .ugb-block-content > *": Object { - "paddingBottom": undefined, - "paddingLeft": undefined, - "paddingRight": undefined, - "paddingTop": undefined, - }, - }, - }, - "tablet": Object { - ".ugb-countup__icon": Object { - "marginLeft": "auto !important", - "marginRight": "auto !important", - }, - ".ugb-countup__icon, .ugb-countup__counter, .ugb-countup__title, .ugb-countup__description": Object { - "textAlign": undefined, - }, - }, - "tabletOnly": Object { - ".ugb-countup__icon": Object { - "marginBottom": "123px !important", - }, - ".ugb-countup__icon .ugb-icon-inner-svg, .ugb-countup__icon .ugb-icon-inner-svg svg": Object { - "height": "123px !important", - "width": "123px !important", - }, - }, -} -`; diff --git a/src/deprecated/v2/block/count-up/__test__/index.test.js b/src/deprecated/v2/block/count-up/__test__/index.test.js deleted file mode 100644 index dc2dd6f9c3..0000000000 --- a/src/deprecated/v2/block/count-up/__test__/index.test.js +++ /dev/null @@ -1,13 +0,0 @@ -/** - * External dependencies - */ -import { blockAttributeTests } from '~stackable/test/shared' - -/** - * Internal dependencies - */ -import { settings } from '../' - -describe( `${ settings.title } block`, () => { - blockAttributeTests( { settings } ) -} ) diff --git a/src/deprecated/v2/block/count-up/__test__/save.test.js b/src/deprecated/v2/block/count-up/__test__/save.test.js deleted file mode 100644 index 3d6f252de2..0000000000 --- a/src/deprecated/v2/block/count-up/__test__/save.test.js +++ /dev/null @@ -1,28 +0,0 @@ -/** - * Internal dependencies - */ -import { name, settings } from '../' - -/** - * External dependencies - */ -import { blockSaveRender } from '~stackable/test' - -describe( `${ settings.title } block`, () => { - describe( 'Save render', () => { - // Specified attributes for save testing. - const attributes = { - design: 'wave-2', - } - - test( 'should match snapshot', () => { - const wrapper = blockSaveRender( name, settings ) - expect( wrapper ).toMatchSnapshot() - } ) - - test( 'should match snapshot with attributes', () => { - const wrapper = blockSaveRender( name, settings, attributes ) - expect( wrapper ).toMatchSnapshot() - } ) - } ) -} ) diff --git a/src/deprecated/v2/block/count-up/__test__/style.test.js b/src/deprecated/v2/block/count-up/__test__/style.test.js deleted file mode 100644 index e429100666..0000000000 --- a/src/deprecated/v2/block/count-up/__test__/style.test.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Internal dependencies - */ -import { name, settings } from '../' - -/** - * External dependencies - */ -import { blockStyleTests } from '~stackable/test/shared' -import createStyles from '../style' - -describe( `${ settings.title } block`, () => { - describe( 'Rendered styles', () => { - // Specified attributes for save testing. - const attributes = {} - - blockStyleTests( { - settings, name, attributes, createStyles, - } ) - } ) -} ) diff --git a/src/deprecated/v2/block/divider/__test__/__snapshots__/save.test.js.snap b/src/deprecated/v2/block/divider/__test__/__snapshots__/save.test.js.snap deleted file mode 100644 index 5267af733d..0000000000 --- a/src/deprecated/v2/block/divider/__test__/__snapshots__/save.test.js.snap +++ /dev/null @@ -1,43 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Divider (v2) block Save render should match snapshot 1`] = ` -
- -
-
-
-
-
-
-`; - -exports[`Divider (v2) block Save render should match snapshot with attributes 1`] = ` -
- -
-
-
-
-
-
-`; diff --git a/src/deprecated/v2/block/divider/__test__/__snapshots__/style.test.js.snap b/src/deprecated/v2/block/divider/__test__/__snapshots__/style.test.js.snap deleted file mode 100644 index 45a680a3ad..0000000000 --- a/src/deprecated/v2/block/divider/__test__/__snapshots__/style.test.js.snap +++ /dev/null @@ -1,39 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Divider (v2) block Rendered styles should match snapshot 1`] = ` -Object { - ".ugb-block-content": Object { - "marginBottom": undefined, - "marginTop": undefined, - }, - "hr.ugb-divider__hr": Object { - "backgroundColor": undefined, - "borderRadius": undefined, - "height": undefined, - "marginLeft": "auto !important", - "marginRight": "auto !important", - "width": undefined, - }, - "mobile": Object { - "hr.ugb-divider__hr": Object { - "marginLeft": undefined, - "marginRight": undefined, - }, - }, - "tablet": Object { - "hr.ugb-divider__hr": Object { - "marginLeft": undefined, - "marginRight": undefined, - }, - }, -} -`; - -exports[`Divider (v2) block Rendered styles should match snapshot with modified attributes 1`] = ` -Object { - ".ugb-block-content": Object { - "marginBottom": "123px !important", - "marginTop": "123px !important", - }, -} -`; diff --git a/src/deprecated/v2/block/divider/__test__/index.test.js b/src/deprecated/v2/block/divider/__test__/index.test.js deleted file mode 100644 index dc2dd6f9c3..0000000000 --- a/src/deprecated/v2/block/divider/__test__/index.test.js +++ /dev/null @@ -1,13 +0,0 @@ -/** - * External dependencies - */ -import { blockAttributeTests } from '~stackable/test/shared' - -/** - * Internal dependencies - */ -import { settings } from '../' - -describe( `${ settings.title } block`, () => { - blockAttributeTests( { settings } ) -} ) diff --git a/src/deprecated/v2/block/divider/__test__/save.test.js b/src/deprecated/v2/block/divider/__test__/save.test.js deleted file mode 100644 index 3d6f252de2..0000000000 --- a/src/deprecated/v2/block/divider/__test__/save.test.js +++ /dev/null @@ -1,28 +0,0 @@ -/** - * Internal dependencies - */ -import { name, settings } from '../' - -/** - * External dependencies - */ -import { blockSaveRender } from '~stackable/test' - -describe( `${ settings.title } block`, () => { - describe( 'Save render', () => { - // Specified attributes for save testing. - const attributes = { - design: 'wave-2', - } - - test( 'should match snapshot', () => { - const wrapper = blockSaveRender( name, settings ) - expect( wrapper ).toMatchSnapshot() - } ) - - test( 'should match snapshot with attributes', () => { - const wrapper = blockSaveRender( name, settings, attributes ) - expect( wrapper ).toMatchSnapshot() - } ) - } ) -} ) diff --git a/src/deprecated/v2/block/divider/__test__/style.test.js b/src/deprecated/v2/block/divider/__test__/style.test.js deleted file mode 100644 index e429100666..0000000000 --- a/src/deprecated/v2/block/divider/__test__/style.test.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Internal dependencies - */ -import { name, settings } from '../' - -/** - * External dependencies - */ -import { blockStyleTests } from '~stackable/test/shared' -import createStyles from '../style' - -describe( `${ settings.title } block`, () => { - describe( 'Rendered styles', () => { - // Specified attributes for save testing. - const attributes = {} - - blockStyleTests( { - settings, name, attributes, createStyles, - } ) - } ) -} ) diff --git a/src/deprecated/v2/block/expand/__test__/__snapshots__/save.test.js.snap b/src/deprecated/v2/block/expand/__test__/__snapshots__/save.test.js.snap deleted file mode 100644 index 1e6f1b167c..0000000000 --- a/src/deprecated/v2/block/expand/__test__/__snapshots__/save.test.js.snap +++ /dev/null @@ -1,110 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Expand / Show More (v2) block Save render should match snapshot 1`] = ` -