joomla · laoneo · Jun 14, 2024 · Jun 11, 2024 · Jun 11, 2024 · Jun 11, 2024
diff --git a/tests/System/README.md b/tests/System/README.md
diff --git a/tests/System/exclude.txt b/tests/System/exclude.txt
@@ -16,3 +16,4 @@ package.json
 package-lock.json
 phpunit.xml.dist
 phpunit-pgsql.xml.dist
+tests/System/images
diff --git a/tests/System/images/README.md b/tests/System/images/README.md
@@ -0,0 +1,14 @@
+# Images Used in System Tests Documentation
+
+Software architecture images are:
+* Stored in their original format as OpenOffice Draw (ODG) files and used as SVGs.
+* Designed to work in both light and dark color modes.
+* Using Joomla logo colours and the Ubuntu font.
+* Avoid using transparency, as it may not be displayed correctly in Firefox and Safari.
+
+To create an SVG from an ODG file format:
+1. Export in OpenOffice Draw as a PDF with the following options:
+   * **General** – Embed Standard Fonts
+   * **Graphics** – Lossless Compression
+2. Convert the PDF to SVG using the command line tool `pdf2svg`.
+3. Modify the SVG file to use `<svg ... width="100%" height="auto" ...>`
diff --git a/tests/System/images/system-tests-interactions.odg b/tests/System/images/system-tests-interactions.odg
diff --git a/tests/System/images/system-tests-interactions.pdf b/tests/System/images/system-tests-interactions.pdf
diff --git a/tests/System/images/system-tests-interactions.svg b/tests/System/images/system-tests-interactions.svg
diff --git a/tests/System/images/system-tests.odg b/tests/System/images/system-tests.odg
diff --git a/tests/System/images/system-tests.pdf b/tests/System/images/system-tests.pdf
diff --git a/tests/System/images/system-tests.svg b/tests/System/images/system-tests.svg