--- tags: organism --- # Organism / Investment Simulator This organism is a part of Investment Terms & Simulator Tab within the Deal Room (both Founder & Investor) This organism differs between the Founder & Investor view. For the Investor, this will only ever show a complete/happy state (never empty), because the founder cannot launch a deal room without investment terms! ## States & Variables ... ### Founder & Investor View The investment simulator will look the same for both the founder/company and the investor. There will be 3 possible states with this component: Empty, Loading, and Simulated. The latter will show the investment simulation data, whilst the first two will show an empty/loading state to help suggest they need to take action/wait for the simulation to appear. #### Simulated / Happy State <iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2Fe7aAVFo0T5tVAjxCmCh3XK%2FRaise%3Fnode-id%3D13987%253A792&chrome=DOCUMENTATION" allowfullscreen></iframe> #### Empty For the empty and loading states, the top half of the component will remain the same, or show a filled text bar (e.g $25,000) if it is loading. The organism below will show as this: <iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2Fe7aAVFo0T5tVAjxCmCh3XK%2FRaise%3Fnode-id%3D14306%253A78785&chrome=DOCUMENTATION" allowfullscreen></iframe> #### Loading <iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2Fe7aAVFo0T5tVAjxCmCh3XK%2FRaise%3Fnode-id%3D14306%253A78904&chrome=DOCUMENTATION" allowfullscreen></iframe> ## Extras Here are the relevant graphics/icons used in the empty and loading states. #### Loading Icon <iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2Fe7aAVFo0T5tVAjxCmCh3XK%2FRaise%3Fnode-id%3D17881%253A78003&chrome=DOCUMENTATION" allowfullscreen></iframe> ... #### Simulate an Investment Graphic <iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2Fe7aAVFo0T5tVAjxCmCh3XK%2FRaise%3Fnode-id%3D17881%253A78002&chrome=DOCUMENTATION" allowfullscreen></iframe> ... ## Interactions - ... - ... ```gherkin Feature: Investor / Investment Simulator Scenario: Simulated Given I am an Investor When I click on the "Term Sheet and Investment Simulator" tab And I see a card titled "Investment Simulator" And I enter an amount to simulate Then I see the card in Happy State Scenario: Loading State Given I am an Investor When I click on the "Term Sheet and Investment Simulator" tab And I see a card titled "Investment Simulator" And I enter an amount to simulate Then I see the card in Loading State Scenario: No simulation Given I am an Investor When I click on the "Term Sheet and Investment Simulator" tab And I see a card titled "Investment Simulator" And I have not simulated any amount Then I see the card in Empty State ``` ```gherkin Feature: Founder / Round Simulator Scenario: Simulated Given I am Founder When I see a card titled "Round Simulator" And I enter an amount to simulate Then I see the card in Happy State Scenario: Loading State Given I am Founder When I see a card titled "Round Simulator" And I enter an amount to simulate Then I see the card in Loading State Scenario: No simulation Given I am Founder When I see a card titled "Round Simulator" And I have not simulated any amount Then I see the card in Empty State ``` ### Notes: 1. Maintain language text that we currently have on the Raise platform both in Founder and Investor.