SSR solves a lot of problems for our users, but can be tricky for our tests. Cypress waits until the window fires its load event, but when we're using SSR, our JavaScript might show up after our page officially loads.
For example, this test will fail:
describe.only('Ratings Filter with SSR', () => {
beforeEach(() => {
cy.visit('/secret-menu');
cy.get('#minimum-rating-visibility').as('rating-filter');
});
npm install -g create-react-app
| function convertFahrenheitToCelsius(temperature) { | |
| // Take whatever temperature the function is handed, do some math and return it. | |
| return (temperature - 32) * (5/9) | |
| } | |
| // Prompt the user and store whatever they say in a variable. | |
| var theirInput = prompt("Enter in a Fahrenheit temperature & I'll convert it to Celsius"); | |
| // Run their number through the function and store it in a variable named result. | |
| var result = convertFahrenheitToCelsius(theirInput); |
| // Records every DOM event and then set ups a listener that shows | |
| // the full CSS selector path of the target that triggered the event. | |
| const getPathForElement = el => { | |
| const names = []; | |
| while (el.parentNode) { | |
| if (el.id) { | |
| names.unshift(`#${el.id}`); | |
| break; | |
| } else { |
| { | |
| "printWidth": 80, | |
| "tabWidth": 2, | |
| "useTabs": false, | |
| "semi": true, | |
| "singleQuote": true, | |
| "trailingComma": "all", | |
| "bracketSpacing": true, | |
| "jsxBracketSameLine": false, | |
| "fluid": false |
This is a tutorial for building a Markdown-to-HTML renderer using Electron. It is meant to accompany my session on Building a desktop application with Electron at JSConf Colombia.
The slides for the first part of the presentation are available here.
Steve is the Director of Academics for the Front-End Engineering program at the Turing School of Software and Design in Denver, Colorado, USA.
Subjective evaluation will be made on your work/process according to the following criteria: