Setup cypress (#3436)

* Setup Cypress tests for box and button

* Add container tests

* Add Cypress workflow

* Use npm install

* Update Cypress workflow

* Add Jekyll build

* Test other action

* Test custom setup

* Use other ruby action

* Test without flag

* Move cypress to docs folder

* Record runs

* Add Content, Icon, Image specs

* Add Notification specs

* Add Progress and Table specs

* Add Tags specs

* Add Title specs

* Add breadcrumb specs

* Add more specs

* Add media specs

* Add menu specs

* Add modal specs

* Add navbar specs

* Add pagination specs

* Add panel specs

* Add tabs specs, Add form checkbox radio specs

* Add utils

* Add file specs

* Add input textarea specs

* Add select specs

* Add form tools specs

* Add other elements specs

* Add footer and hero specs

* Add Hero specs

* Add section specs

* Add grid specs

* Add column sizes specs

* Add tiles specs

* Add generic specs

* Fix generic tests

* Make font family test looser

* Remove system-ui test

* Remove important flag

* Fix disabled select color
This commit is contained in:
Jeremy Thomas
2022-05-08 13:55:16 +01:00
committed by GitHub
parent 895b77b3a9
commit 0ce084170a
97 changed files with 20259 additions and 15 deletions

View File

@@ -0,0 +1,57 @@
---
layout: cypress
title: Elements/Image
dimensions:
- 16
- 24
- 32
- 48
- 64
- 96
- 128
ratios:
- square
- 1by1
- 5by4
- 4by3
- 3by2
- 5by3
- 16by9
- 2by1
- 3by1
- 4by5
- 3by4
- 2by3
- 3by5
- 9by16
- 1by2
- 1by3
---
<div class="block">
<figure id="image" class="image is-128x128">
<img src="{{ site.url }}/images/placeholders/128x128.png">
</figure>
</div>
<div class="block">
<figure id="image-rounded" class="image is-128x128">
<img class="is-rounded" src="{{site.url}}/images/placeholders/128x128.png">
</figure>
</div>
{% for ratio in page.ratios %}
<div class="block" style="width: 100px;">
<figure id="image-{{ ratio }}" class="image is-{{ ratio }}">
<img src="{{ site.url }}/images/placeholders/1x1.png">
</figure>
</div>
{% endfor %}
{% for dimension in page.dimensions %}
<div class="block">
<figure id="image-{{ dimension }}" class="image is-{{ dimension }}x{{ dimension }}">
<img src="{{ site.url }}/images/placeholders/1x1.png">
</figure>
</div>
{% endfor %}