Jayphen

// for when you REALLY need to test the props SomeComponent is rendered with (not recommended)

// create a mock that re-implements the default behaviour
// but allows us to spy on the props
jest.mock('components/SomeComponent', () => {
  const original = jest.requireActual('components/SomeComponent')

  return jest.fn(original.default)
})

Jayphen

// stores/location.ts

import { writable, derived } from "svelte/store";
import { beforeUpdate } from "svelte";

export interface LocationStore {
  current: Location | undefined;
  previous: Location | undefined;
}

Jayphen

function deriveStatus(){}
const stateMachine = Machine(
  {
    id: 'package',
    initial: 'loading',
    context: { packageProduct: null, items: {}, price: {}, error: null },
    on: {
      UPDATE_ITEM: {
        actions: 'updateItems',
        target: 'validating',

Jayphen

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

Jayphen

# "Messages" in this example are synonymous with "events" and "listeners"
Context menu
  Hidden
    a show yourself message is received -> Showing  
  Showing
    a menu item is clicked -> Emit message
    loss of focus is detected -> Hidden
    
# Send message indicating that menuitem X was clicked 
Emit message

Jayphen

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

Jayphen

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

Jayphen

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

Jayphen

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions