From 3c4cd6ce3f3808eaf729df682b5e93a3a541b12a Mon Sep 17 00:00:00 2001 From: Romain Menke Date: Mon, 9 Jan 2023 19:28:57 +0100 Subject: [PATCH] add a few abstract tests with various configs --- plugins/postcss-logical/.tape.mjs | 29 +++++++++++++++++++ .../test/abstract.bt.expect.css | 11 +++++++ .../test/abstract.chinese.expect.css | 11 +++++++ plugins/postcss-logical/test/abstract.css | 11 +++++++ .../postcss-logical/test/abstract.expect.css | 11 +++++++ .../test/abstract.rtl-and-bt.expect.css | 11 +++++++ .../test/abstract.rtl.expect.css | 11 +++++++ 7 files changed, 95 insertions(+) create mode 100644 plugins/postcss-logical/test/abstract.bt.expect.css create mode 100644 plugins/postcss-logical/test/abstract.chinese.expect.css create mode 100644 plugins/postcss-logical/test/abstract.css create mode 100644 plugins/postcss-logical/test/abstract.expect.css create mode 100644 plugins/postcss-logical/test/abstract.rtl-and-bt.expect.css create mode 100644 plugins/postcss-logical/test/abstract.rtl.expect.css diff --git a/plugins/postcss-logical/.tape.mjs b/plugins/postcss-logical/.tape.mjs index bcb68ed36..a3b68dac4 100644 --- a/plugins/postcss-logical/.tape.mjs +++ b/plugins/postcss-logical/.tape.mjs @@ -2,6 +2,35 @@ import postcssTape from '../../packages/postcss-tape/dist/index.mjs'; import plugin from 'postcss-logical'; postcssTape(plugin)({ + 'abstract': { + message: 'abstract test with default setting', + }, + 'abstract:rtl': { + message: 'abstract test with rtl', + options: { + inlineDirection: 'right-to-left' + }, + }, + 'abstract:bt': { + message: 'abstract test with bt', + options: { + blockDirection: 'bottom-to-top' + }, + }, + 'abstract:rtl-and-bt': { + message: 'abstract test with rtl and bt', + options: { + blockDirection: 'bottom-to-top', + inlineDirection: 'right-to-left' + }, + }, + 'abstract:chinese': { + message: 'abstract test with rtl and bt', + options: { + blockDirection: 'right-to-left', + inlineDirection: 'top-to-bottom' + }, + }, 'caption-side': { message: 'supports logical "caption-side" properties', }, diff --git a/plugins/postcss-logical/test/abstract.bt.expect.css b/plugins/postcss-logical/test/abstract.bt.expect.css new file mode 100644 index 000000000..5943135b3 --- /dev/null +++ b/plugins/postcss-logical/test/abstract.bt.expect.css @@ -0,0 +1,11 @@ +.abstract { + margin-bottom: block-start; + margin-right: inline-end; + margin-top: block-end; + margin-left: inline-start; +} + +.abstract { + float: left; + clear: right; +} diff --git a/plugins/postcss-logical/test/abstract.chinese.expect.css b/plugins/postcss-logical/test/abstract.chinese.expect.css new file mode 100644 index 000000000..56e732fe7 --- /dev/null +++ b/plugins/postcss-logical/test/abstract.chinese.expect.css @@ -0,0 +1,11 @@ +.abstract { + margin-right: block-start; + margin-bottom: inline-end; + margin-left: block-end; + margin-top: inline-start; +} + +.abstract { + float: inline-start; + clear: inline-end; +} diff --git a/plugins/postcss-logical/test/abstract.css b/plugins/postcss-logical/test/abstract.css new file mode 100644 index 000000000..f2beb29fa --- /dev/null +++ b/plugins/postcss-logical/test/abstract.css @@ -0,0 +1,11 @@ +.abstract { + margin-block-start: block-start; + margin-inline-end: inline-end; + margin-block-end: block-end; + margin-inline-start: inline-start; +} + +.abstract { + float: inline-start; + clear: inline-end; +} diff --git a/plugins/postcss-logical/test/abstract.expect.css b/plugins/postcss-logical/test/abstract.expect.css new file mode 100644 index 000000000..b2daa8dad --- /dev/null +++ b/plugins/postcss-logical/test/abstract.expect.css @@ -0,0 +1,11 @@ +.abstract { + margin-top: block-start; + margin-right: inline-end; + margin-bottom: block-end; + margin-left: inline-start; +} + +.abstract { + float: left; + clear: right; +} diff --git a/plugins/postcss-logical/test/abstract.rtl-and-bt.expect.css b/plugins/postcss-logical/test/abstract.rtl-and-bt.expect.css new file mode 100644 index 000000000..0aa2b5960 --- /dev/null +++ b/plugins/postcss-logical/test/abstract.rtl-and-bt.expect.css @@ -0,0 +1,11 @@ +.abstract { + margin-bottom: block-start; + margin-left: inline-end; + margin-top: block-end; + margin-right: inline-start; +} + +.abstract { + float: right; + clear: left; +} diff --git a/plugins/postcss-logical/test/abstract.rtl.expect.css b/plugins/postcss-logical/test/abstract.rtl.expect.css new file mode 100644 index 000000000..12de68ece --- /dev/null +++ b/plugins/postcss-logical/test/abstract.rtl.expect.css @@ -0,0 +1,11 @@ +.abstract { + margin-top: block-start; + margin-left: inline-end; + margin-bottom: block-end; + margin-right: inline-start; +} + +.abstract { + float: right; + clear: left; +}