Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Images and cards for components #7

Open
bryanjonker-illinois opened this issue Aug 12, 2024 · 1 comment
Open

Images and cards for components #7

bryanjonker-illinois opened this issue Aug 12, 2024 · 1 comment
Assignees

Comments

@bryanjonker-illinois
Copy link
Contributor

No description provided.

@bryanjonker-illinois bryanjonker-illinois changed the title Images for components Images and cards for components Aug 12, 2024
@marvel-uiuc
Copy link
Collaborator

Just as a note for implementation, I believe this should be pretty easy with Playwright. I'm envisioning having a source in the builder JSON in each component, and CSS if needed. A script can build a page using those, then load it to Playwright, and run something like:

const element = await page.locator(`#${component}`);
await element.screenshot({ path: `${component}.png` });

@marvel-uiuc marvel-uiuc self-assigned this Sep 20, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: Text Copy
Development

No branches or pull requests

2 participants