mitodl / micromasters

Portal for learners and course teams to access MITx Micromasters® programs
https://mm.mit.edu
BSD 3-Clause "New" or "Revised" License
30 stars 17 forks source link

Test printing MicroMasters Program Certificates on a Windows PC #3635

Open roberthouse54 opened 7 years ago

roberthouse54 commented 7 years ago

We do not currently have any computer for testing on a Windows PC, and we should probably think about setting one up. We do have a laptop with Window on it, but it does not have a local dev environment set up. As is, we can test stuff that is already on CI or RC, or production there. Debugging may be difficult though until we have a dev environment on that machine.

We recently formatted the MicroMasters Program certificates for printing (see #3566). This was tested on Mac (Chrome, Firefox, and Safari). We should test the program certificates on Windows PC (Chrome, Firefox, and Explorer/Edge).

We can test this on production to see if it works. We will just have to set up a user account that has a program certificate (or get a url to a program certificate).

noisecapella commented 7 years ago

I was unable to get the printer working with Chrome (will try again later), here are my results for IE and Firefox. Note that the IE certificate wraps to the next side: certs

img_20171020_164837

noisecapella commented 7 years ago

I think if we want to have a reproducable printable certificate we should export a PDF that the user can then print out

roberthouse54 commented 7 years ago

There seems to be a great deal of variability in the way different browsers and platforms handle print css, especially in things like page margins. As we can see here, the IE printed version has much larger margins. This is going to be tricky to debug across all platforms/browsers.

This is a question of whether we want to put more time into figuring this out in CSS, or as George suggested, generate a PDF instead.