RichardBray

// # = Preprocessor macros
#ifdef GL_ES // OpenGL Embedded systems needed for openGL on web and mobile devices
precision mediump float; // level of precision for float https://stackoverflow.com/questions/13780609/what-does-precision-mediump-float-mean
// Lower precision means faster compilation but lower quality, above sets all floats to medium precision
#endif

void main() // Main entry point function like c/c++
{
  // gl_FragColor = built in global variable to determine pixel color 
  // werid because you don't see it imported or extended it just exists

RichardBray

import flixel.FlxG;
import flixel.FlxObject;
import flixel.FlxSprite;
import flixel.addons.util.FlxFSM;

/**
 * Example of how to use the FlxFSM addon.
 * For more informtaion on this file check this youtube video.
 *
 * @see Video-TBA

RichardBray

import { Provider } from "react-redux";
import configureStore from "redux-mock-store";
// ...

describe('App', () => {

  // ...

  describe('Question', () => {
    // - setup redux store

RichardBray

import * as Store from "./AppContext";
// ...

describe('App', () => {

  // ...

  describe('Question', () => {
    // - context spy
    const contextValues = { chosenAnswers: [], setChosenAnswers: () => {} };

RichardBray

// AppContext.js
import { createContext, useContext } from "react";

export const Store = createContext();
export const useAppContext = () => useContext(Store);

RichardBray

// App.jsx
import React, { Fragment } from "react";

// Context
import { Store, useAppContext } from "./AppContext";

// - Data
import data from "./data.json";

export default function App() {

RichardBray

// ...

describe("App", () => {
  const wrapper = mount(<App />);

  // ...

  test("Contains a Start and a Finish page", () => {
    // - when
    const startComp = wrapper.find("Start");

RichardBray

// App.jsx
import React, { Fragment } from "react";

// - Data
import data from "./data.json";

export default function App() {

  function renderQuestions() {
    return data.results.map((result, index) => (

RichardBray

// App.test.js
import React from "react";
import Enzyme, { mount } from "enzyme";
import Adapter from "enzyme-adapter-react-16";

import data from "./data.json";
import App from "./App";

Enzyme.configure({ adapter: new Adapter() });

RichardBray

// App.jsx
import React, { Fragment } from "react";

// - Data
import data from "./data.json";

export default function App() {

  function renderQuestions() {
    return data.results.map((result, index) => (