---
title: "Preview a prepared image with the correct identity"
description: "Verify that a media library opens the selected prepared image, renders its recognizable content, and preserves identity when moving between assets."
canonical_url: "https://vostride.com/agent-library/files-media/existing-image-preview.md"
md_url: "https://vostride.com/agent-library/files-media/existing-image-preview.md"
content_kind: "recipe"
topic: "files-media"
---

# Preview a prepared image with the correct identity

Verify that a media library opens the selected prepared image, renders its recognizable content, and preserves identity when moving between assets.

## Risk

A preview can reuse a previous image while updating only its filename. Prepare visually distinct app-resident assets; this journey does not require arbitrary local file upload support.

## Fixtures

- A test media collection already contains Red triangle.png and Blue circle.png through approved fixture setup.
- The source manifest records separate asset identifiers, image dimensions, and the intended red-triangle and blue-circle subjects.
- Both assets are fully processed before the browser run, and neither carries customer or copyrighted private material.

## Steps

1. Open the test media collection and verify both asset names are listed with their expected thumbnails.
2. Open Red triangle.png and verify the preview depicts a red triangle and displays the matching filename.
3. Close the preview, open Blue circle.png, and verify the visible image changes to a blue circle.
4. Verify the blue image metadata agrees with its independently recorded dimensions and asset identifier wherever the product exposes them.
5. Reload the blue asset detail and verify its image and label still agree, then return to the collection and verify both records remain.

## Expected results

- The selected preview subject matches the independent source manifest rather than merely its UI filename.
- Changing selection replaces the rendered image as well as the metadata panel.
- The media inventory retains both prepared asset identifiers without an unintended edit or replacement.

## False-pass traps

- A correct filename beside the wrong cached bitmap is a failure.
- A browser loading icon or blank rectangle does not count as an image preview even if the metadata loaded.

## Cleanup

- Delete only the two test media assets after the fixture collection is no longer needed.

## Use with agent-qa

Adapt this test design to your application's acceptance criteria and configured target using the [recipe execution guide](/agent-library/software-factory/turn-a-recipe-into-an-agent-qa-test.md). External fixture setup and non-UI checks require your own supported hooks or test tooling. Validate the authored test, execute it, and inspect the completed evidence; this recipe is not a recorded test result.

## References

- [agent-qa test](/docs/agent-qa/configuration/test.md)
- [agent-qa first test](/docs/agent-qa/guides/first-test.md)
- [agent-qa web testing](/docs/agent-qa/guides/web-testing.md)

- [Files and media QA recipes](/agent-library/files-media.md)
- [Software factory QA library](/agent-library.md)