add a few abstract tests with various configs (#775)

Author: romainmenke

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',
 	},

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;
+}

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;
+}

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;
+}

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;
+}

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;
+}

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;
+}