garris / BackstopJS

Catch CSS curve balls.
http://backstopjs.org
MIT License
6.69k stars 604 forks source link

Can i use root directory #1385

Open mcsmagngo opened 2 years ago

mcsmagngo commented 2 years ago

My name is Mauricio and i need help. I ask for help, please. I have a problem at work. We use a layout platform called Zeplin, which has information on how the site should be created, such as spacing, layout size, font size and color, etc. It's like a photo that you can also download and has all the CSS and HTML information. I have to do this manually, looking at the example in Zeplin and going to the site and confirming that the site was built accordingly. The PERCY library is for after the site is live and if there are any changes, it will give me the differences. But I need a library for that. Can you help me please? <3 I'm grateful.

fuhlig commented 2 years ago

If I understand you correctly, you want to compare the screen design (artboard, screendesign) from Zeplin with your implementation?

Eventhough this might be possible (comparing 2 images basically) I highly doubt this gives you the results you want since you would checking for "pixel perfect design" - which is not desired IMO.

Percy, backstop and other tools are for testing regressions. In order to do that you need a baseline and I suggest to not use design specs.

mcsmagngo commented 2 years ago

Thank you so much for taking the time to respond.

I understand. Could you tell me how I can solve this problem? Or how can I use the baseline? It's very important to me.

I'm grateful.