Тест: различия между версиями

Версия от 16:58, 11 ноября 2025

Пример 1

Рецепт

Компонент B тоже длинное название и дополнительные пояснения для демонстрации работы шаблона [3]

смешайте [1]

Продукт с длинным названием и подробным описанием, что он собой представляет [2]

Эффекты

Эффект с длинным описанием и деталями
Еще один эффект с множеством слов для проверки

Карточка с синими оттенками и длинными текстами.

Пример 2

Рецепт

Компонент X с экстремально длинным названием, чтобы проверить перенос текста и отображение [7]

Компонент Y дополнительно с комментариями и длинным описанием [4]

смешайте

Продукт X с описанием и пояснениями всех свойств и функций [6]

Эффекты

Длинный эффект с объяснением
Эффект с пояснениями и дополнительной информацией

Карточка с оранжевыми оттенками и длинными текстами.

Пример 3

Рецепт

Элемент 1 с очень большим количеством символов и объяснений [2]

Элемент 2 с еще более длинным описанием, чтобы проверить перенос [3]

Элемент 3 с дополнительными деталями и длинными словами для теста [5]

смешайте

Результат 1 с длинным названием и описанием [2]

Результат 2 с детальными пояснениями, чтобы карточка выглядела большой [4]

Эффекты

Эффект α с длинным текстом
Эффект β с очень большим количеством слов
Эффект γ подробный

Карточка с фиолетовыми оттенками и длинными текстами.

Пример 4

Рецепт

Длинный компонент A с дополнительной информацией и пояснениями [3]

Длинный компонент B с большим количеством символов и описаний [6]

смешайте

Продукт 4 с максимально длинным названием и описанием всех свойств и эффектов [5]

Эффекты

Очень длинный эффект 1
Еще один крайне длинный эффект для проверки

Карточка с зелеными оттенками и длинными текстами.

Пример 5

Рецепт

Компонент X с бесконечным описанием и множеством пояснений [4]

Компонент Y с длинными словами и примечаниями [3]

смешайте

Результат 5 с огромным текстом для проверки ширины карточки и переносов [6]

Эффекты

Эффект A максимально длинный текст
Эффект B тоже очень длинный для демонстрации

Карточка с красными оттенками и длинными текстами.

Пример 6

Рецепт

Компонент 1 с экстремально длинным названием и описанием [5]

Компонент 2 с еще более длинными словами и деталями для теста [3]

смешайте

Продукт 6 с подробным текстом, чтобы проверить работу карточки при длинном содержимом [4]

Эффекты

Эффект длинный текстовый пример
Эффект второй тоже с большим количеством слов

Карточка с желтыми оттенками и длинными текстами.

@@ Строка 1: / Строка 1: @@
 <div class="chem-cards-container">
 {{#invoke:ChemCard|card
-  |name=Пример Синий
+  |name=Пример 1
   |color=#2196f3
   |border=#1976d2
- |bg=#0d47a1
+  |recipe=Компонент A очень длинное название с описанием того, что он делает в процессе смешивания [5]
-  |recipe=Компонент A [1]
+Компонент B тоже длинное название и дополнительные пояснения для демонстрации работы шаблона [3]
-Компонент B [2]
 смешайте
-Продукт [1]
+Продукт с длинным названием и подробным описанием, что он собой представляет [2]
-  |effects=Пример эффекта 1;Пример эффекта 2
+  |effects=Эффект с длинным описанием и деталями;Еще один эффект с множеством слов для проверки
-  |desc=Карточка с синими оттенками.
+  |desc=Карточка с синими оттенками и длинными текстами.
 }}
 {{#invoke:ChemCard|card
-  |name=Пример Оранжевый
+  |name=Пример 2
   |color=#ff9800
   |border=#f57c00
- |bg=#e65100
+  |recipe=Компонент X с экстремально длинным названием, чтобы проверить перенос текста и отображение [7]
-  |recipe=Компонент X [2]
+Компонент Y дополнительно с комментариями и длинным описанием [4]
-Компонент Y [1]
 смешайте
-Продукт [2]
+Продукт X с описанием и пояснениями всех свойств и функций [6]
-  |effects=Пример эффекта A;Пример эффекта B
+  |effects=Длинный эффект с объяснением;Эффект с пояснениями и дополнительной информацией
-  |desc=Карточка с оранжевыми оттенками.
+  |desc=Карточка с оранжевыми оттенками и длинными текстами.
 }}
 {{#invoke:ChemCard|card
-  |name=Пример Фиолетовый
+  |name=Пример 3
   |color=#9c27b0
   |border=#7b1fa2
- |bg=#4a148c
+  |recipe=Элемент 1 с очень большим количеством символов и объяснений [2]
-  |recipe=Элемент 1 [1]
+Элемент 2 с еще более длинным описанием, чтобы проверить перенос [3]
-Элемент 2 [3]
+Элемент 3 с дополнительными деталями и длинными словами для теста [5]
-Элемент 3 [2]
 смешайте
-Результат 1 [1]
+Результат 1 с длинным названием и описанием [2]
-Результат 2 [2]
+Результат 2 с детальными пояснениями, чтобы карточка выглядела большой [4]
-  |effects=Пример эффекта α;Пример эффекта β;Пример эффекта γ
+  |effects=Эффект α с длинным текстом;Эффект β с очень большим количеством слов;Эффект γ подробный
-  |desc=Карточка с фиолетовыми оттенками.
+  |desc=Карточка с фиолетовыми оттенками и длинными текстами.
+}}
+{{#invoke:ChemCard|card
+ |name=Пример 4
+ |color=#4caf50
+ |border=#2e7d32
+ |recipe=Длинный компонент A с дополнительной информацией и пояснениями [3]
+Длинный компонент B с большим количеством символов и описаний [6]
+смешайте
+Продукт 4 с максимально длинным названием и описанием всех свойств и эффектов [5]
+ |effects=Очень длинный эффект 1;Еще один крайне длинный эффект для проверки
+ |desc=Карточка с зелеными оттенками и длинными текстами.
+}}
+{{#invoke:ChemCard|card
+ |name=Пример 5
+ |color=#f44336
+ |border=#b71c1c
+ |recipe=Компонент X с бесконечным описанием и множеством пояснений [4]
+Компонент Y с длинными словами и примечаниями [3]
+смешайте
+Результат 5 с огромным текстом для проверки ширины карточки и переносов [6]
+ |effects=Эффект A максимально длинный текст;Эффект B тоже очень длинный для демонстрации
+ |desc=Карточка с красными оттенками и длинными текстами.
+}}
+{{#invoke:ChemCard|card
+ |name=Пример 6
+ |color=#ffeb3b
+ |border=#fbc02d
+ |recipe=Компонент 1 с экстремально длинным названием и описанием [5]
+Компонент 2 с еще более длинными словами и деталями для теста [3]
+смешайте
+Продукт 6 с подробным текстом, чтобы проверить работу карточки при длинном содержимом [4]
+ |effects=Эффект длинный текстовый пример;Эффект второй тоже с большим количеством слов
+ |desc=Карточка с желтыми оттенками и длинными текстами.
 }}
 </div>