Changeset 55946 for trunk/tests/phpunit/tests/block-supports/typography.php

Timestamp:

06/20/2023 05:26:47 AM (2 years ago)

Author:

isabel_brison

Message:

Editor: use layout.wideSize as max viewport width.

Use the value of layout.wideSize as the maximum viewport width for fluid font size calculations.

Props ramonopoly.

Fixes #58522.

File:

• trunk/tests/phpunit/tests/block-supports/typography.php (modified) (3 diffs)

trunk/tests/phpunit/tests/block-supports/typography.php

@@ -569 +569 @@
      * @ticket 57065
      * @ticket 57529
+     * @ticket 58522
      *
      * @covers ::wp_register_typography_support
@@ -639 +640 @@
                 'font_size_value' => '17px',
                 'theme_slug'      => 'block-theme-child-with-fluid-typography-config',
-                'expected_output' => 'font-size:clamp(16px, 1rem + ((1vw - 7.68px) * 0.12), 17px);',
+                'expected_output' => 'font-size:clamp(16px, 1rem + ((1vw - 7.68px) * 0.431), 17px);',
             ),
             'returns value when font size <= custom min font size bound' => array(
@@ -848 +849 @@
         );
     }
+
+    /**
+     * Tests computed font size values.
+     *
+     * @ticket 58522
+     *
+     * @covers ::wp_get_computed_fluid_typography_value
+     *
+     * @dataProvider data_wp_get_computed_fluid_typography_value
+     *
+     * @param array  $args {
+     *      Optional. An associative array of values to calculate a fluid formula for font size. Default is empty array.
+     *
+     *     @type string $maximum_viewport_width Maximum size up to which type will have fluidity.
+     *     @type string $minimum_viewport_width Minimum viewport size from which type will have fluidity.
+     *     @type string $maximum_font_size      Maximum font size for any clamp() calculation.
+     *     @type string $minimum_font_size      Minimum font size for any clamp() calculation.
+     *     @type int    $scale_factor           A scale factor to determine how fast a font scales within boundaries.
+     * }
+     * @param string $expected_output             Expected value of style property from gutenberg_apply_typography_support().
+     */
+    public function test_wp_get_computed_fluid_typography_value( $args, $expected_output ) {
+        $actual = wp_get_computed_fluid_typography_value( $args );
+        $this->assertSame( $expected_output, $actual );
+    }
+
+    /**
+     * Data provider.
+     *
+     * @return array
+     */
+    public function data_wp_get_computed_fluid_typography_value() {
+        return array(
+            'returns clamped value with valid args' => array(
+                'args'            => array(
+                    'minimum_viewport_width' => '320px',
+                    'maximum_viewport_width' => '1000px',
+                    'minimum_font_size'      => '50px',
+                    'maximum_font_size'      => '100px',
+                    'scale_factor'           => 1,
+                ),
+                'expected_output' => 'clamp(50px, 3.125rem + ((1vw - 3.2px) * 7.353), 100px)',
+            ),
+            'returns `null` when `maximum_viewport_width` is an unsupported unit' => array(
+                'args'            => array(
+                    'minimum_viewport_width' => '320px',
+                    'maximum_viewport_width' => 'calc(100% - 60px)',
+                    'minimum_font_size'      => '50px',
+                    'maximum_font_size'      => '100px',
+                    'scale_factor'           => 1,
+                ),
+                'expected_output' => null,
+            ),
+            'returns `null` when `minimum_viewport_width` is an unsupported unit' => array(
+                'args'            => array(
+                    'minimum_viewport_width' => 'calc(100% - 60px)',
+                    'maximum_viewport_width' => '1000px',
+                    'minimum_font_size'      => '50px',
+                    'maximum_font_size'      => '100px',
+                    'scale_factor'           => 1,
+                ),
+                'expected_output' => null,
+            ),
+            'returns `null` when `minimum_font_size` is an unsupported unit' => array(
+                'args'            => array(
+                    'minimum_viewport_width' => '320em',
+                    'maximum_viewport_width' => '1000em',
+                    'minimum_font_size'      => '10vw',
+                    'maximum_font_size'      => '100em',
+                    'scale_factor'           => 1,
+                ),
+                'expected_output' => null,
+            ),
+            'returns `null` when `maximum_font_size` is an unsupported unit' => array(
+                'args'            => array(
+                    'minimum_viewport_width' => '320em',
+                    'maximum_viewport_width' => '1000em',
+                    'minimum_font_size'      => '50px',
+                    'maximum_font_size'      => '100%',
+                    'scale_factor'           => 1,
+                ),
+                'expected_output' => null,
+            ),
+        );
+    }
 }
+