lejonmanen

Feature: Musiksökning
  Som en användare av musiktjänsten
  Vill jag kunna söka efter musik
  För att hitta musik jag gillar

  Background:
    Given att jag är inloggad på musiktjänsten
    And att jag är på söksidan

  Scenario: Söka efter musik med giltigt sökord

lejonmanen

/*
Use this file in your project.

But first, create a Node project:
npm init -y

Then add a line to package.json:
"type": "module",

Usage:

lejonmanen

# Add your secrets here
CONNECTION_STRING=yes-here

lejonmanen

import { Schema, model, connect, Mongoose } from 'mongoose'

// Animal is an interface describing animal objects
import { Animal } from './animal.js';

const animalSchema = new Schema<WithId<Animal>>({
	_id: ObjectId,    // from WithId
	species: String,  // from Animal
	factoid: String,  // from Animal
	score: Number     // from Animal

lejonmanen

// This example produced 2024-05-13

// vite.config.js
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react-swc'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  server: {

lejonmanen

// Import the functions you need from the SDKs you need
import { initializeApp } from "firebase/app";
import { getFirestore, collection, addDoc, getDocs, getDoc, doc, updateDoc, deleteDoc } from 'firebase/firestore/lite'

// Get this from Firebase Console
import { firebaseConfig } from "./firebaseConfig.js";

// Initialize Firebase and get database
const app = initializeApp(firebaseConfig);
const db = getFirestore(app)

lejonmanen

/*
The Budget component uses "conditional rendering" to do
different things based on its props. What will each line
in the App component render?
*/

const App = () => (
	<main>
		<Budget value={5500} />
		<Budget value={240} />

lejonmanen

// A component is a function that returns JSX
const Aaa = () => (
	<div>
		You can do any JSX in here
	</div>
)

// Remember to export the component
// Most people have one component per file and use export default
export default Aaa

lejonmanen

// Simple request
async function sendRequest(url) {
    try {
        const response = await fetch(url)
        if( response.status !== 200 ) {
            console.log('Request wasn't successful. Code: ' + response.status)
            return null
        }
        const data = await response.json()
        return data  // success

lejonmanen

// Option 1: use a promise directly
let data;

function itTakesTime1() {
    return new Promise((resolve, reject) => {
        /* do something that takes time and produces a value */
        resolve(value)
    })
}