responsive_image-order-multipliers-numerically.php

<?php


/**
 * @file
 * Test fixture for re-ordering responsive image style multipliers numerically.
 */

use Drupal\Core\Database\Database;
$connection = Database::getConnection();
// Add a responsive image style.
$styles = [];
$styles['langcode'] = 'en';
$styles['status'] = TRUE;
$styles['dependencies']['config'][] = 'image.style.large';
$styles['dependencies']['config'][] = 'image.style.medium';
$styles['dependencies']['config'][] = 'image.style.thumbnail';
$styles['id'] = 'responsive_image_style';
$styles['uuid'] = '46225242-eb4c-4b10-9a8c-966130b18630';
$styles['label'] = 'Responsive Image Style';
$styles['breakpoint_group'] = 'responsive_image';
$styles['fallback_image_style'] = 'medium';
$styles['image_style_mappings'] = [
  [
    'image_mapping_type' => 'sizes',
    'image_mapping' => [
      'sizes' => '75vw',
      'sizes_image_styles' => [
        'medium',
      ],
    ],
    'breakpoint_id' => 'responsive_image.viewport_sizing',
    'multiplier' => '1.5x',
  ],
  [
    'image_mapping_type' => 'sizes',
    'image_mapping' => [
      'sizes' => '100vw',
      'sizes_image_styles' => [
        'large',
      ],
    ],
    'breakpoint_id' => 'responsive_image.viewport_sizing',
    'multiplier' => '2x',
  ],
  [
    'image_mapping_type' => 'sizes',
    'image_mapping' => [
      'sizes' => '50vw',
      'sizes_image_styles' => [
        'thumbnail',
      ],
    ],
    'breakpoint_id' => 'responsive_image.viewport_sizing',
    'multiplier' => '1x',
  ],
];
$connection->insert('config')
  ->fields([
  'collection',
  'name',
  'data',
])
  ->values([
  'collection' => '',
  'name' => 'responsive_image.styles.responsive_image_style',
  'data' => serialize($styles),
])
  ->execute();