DEV Community: badruti94

Tutorial jest

badruti94 — Tue, 19 Dec 2023 04:57:55 +0000

Pertama kita inisialisasi projek dulu dengan perintah npm init --y.

Inisialisasi jest

Selanjutnya kita install jest dengan perintah npm i jest @types/jest -D. Lalu pada file package.json kita ubah script test dan tambahkan konfigurasi jest.

"scripts": {
    "test": "jest"
  },
"jest": {
    "verbose": true
  },

Melakukan testing

Selanjutnya kita lakukan testing. Kita buat dahulu kode yang akan kita test. Buat file baru src/sum.js. Berikut isi filenya.

exports.sum = (a, b) => a + b;

exports.sumAll = (array) => {
  const result = array.reduce((a, b) => a + b, 0);
  return result;
};

Kemudian kita tulis kode test-nya. Buat file baru test/sum.test.js. Nama file harus berakhiran .test.js.

const { sum, sumAll } = require('../src/sum');

test('should 20', () => {
  const result = sum(10, 10);
  expect(result).toBe(20);
});

test('should 30', () => {
  const result = sumAll([10, 10, 10]);
  expect(result).toBe(30);
});

Ada banyak matcher [doc] yang bisa kita gunakan, kali ini kita gunakan matcher toBe.

Menjalankan testing

Oke kemudian sudah bisa kita jalankan testnya. Bisa kita jalankan dengan perintah npx jest atau npm test.

It function

Kita juga bisa menggunakan fungsi it daripada fungsi test agar lebih enak dibaca.

const { sum, sumAll } = require('../src/sum');

it('should 20', () => {
  const result = sum(10, 10);
  expect(result).toBe(20);
});

it('should 30', () => {
  const result = sumAll([10, 10, 10]);
  expect(result).toBe(30);
});

Coverage

Coverage [doc] berfungsi untuk mengetahui seberapa banyak bagian kode kita yang sudah tercover testing-nya. Pada konfigurasi jest di package.json tambahkan beberapa konfigurasi sehingga kodenya

  "jest": {
    "verbose": true,
    "collectCoverage": true,
    "coverageThreshold": {
      "global": {
        "branches": 80,
        "functions": 80,
        "lines": 80,
        "statements": 80
      }
    }
  },

Hasil coveragenya bisa dilihat di coverage/lcov-report/index.html.

Express

Untuk melakukan testing dengan jest pada express kita harus install library tambahan npm i supertest -D.
Buat file baru src/index.js.

const express = require('express');

const app = express();

app.get('/', (req, res) => {
  res.send('Hello world');
});

module.exports = app;

Kita buat code testnya

const request = require('supertest');
const app = require('../src/index');

it('should Hello world', async () => {
  const response = await request(app).get('/');
  expect(response.text).toBe('Hello world');
});

Kita jalankan lagi testnya npm test

Menggunakan jest bersama eslint

Jika kita menginstall eslint pada projek ini maka akan muncul error pada file test. Untuk mengatasi hal ini kita butuh library tambahan. Kita install librarynya npm i eslint-plugin-jest -D.

Setelah diinstall ubah file .eslintrc.json

{
    "env": {
        "commonjs": true,
        "es2021": true,
        "node": true,
        "jest/globals": true
    },
    "extends": "airbnb-base",
    "parserOptions": {
        "ecmaVersion": "latest"
    },
    "rules": {
        "no-console": "off",
        "linebreak-style": "off"
    },
    "plugins": ["jest"]
}

Oke. Itu saja, tutorial kali ini. Sekian terima kasih.

Upload file dengan cloudinary di go

badruti94 — Sat, 02 Dec 2023 17:39:14 +0000

func uploadFile(c *gin.Context) (string, error) {
    file, err := c.FormFile("photo")
    if err != nil {
        return "", err
    }
    fileContent, err := file.Open()
    if err != nil {
        return "", err
    }

    fileContent.Close()

    cloud_name := os.Getenv("CLOUDINARY_NAME")
    api_key := os.Getenv("CLOUDINARY_API_KEY")
    api_secret := os.Getenv("CLOUDINARY_API_SECRET")

    cld, _ := cloudinary.NewFromParams(cloud_name, api_key, api_secret)

    var ctx = context.Background()

    randomNumber := strconv.FormatInt(time.Now().UnixNano(), 24)

    resp, err := cld.Upload.Upload(ctx, fileContent, uploader.UploadParams{PublicID: randomNumber})
    if err != nil {
        return "", err
    }

    return resp.SecureURL, nil

}

Membuat logger pada gorm

badruti94 — Sat, 02 Dec 2023 17:38:05 +0000

package db

import (
    "log"
    "os"

    "gorm.io/driver/postgres"
    "gorm.io/gorm"
    "gorm.io/gorm/logger"
)

func Connect() *gorm.DB {
    os.Getenv("CLOUDINARY_NAME")
    dsn := os.Getenv("DB_URL")
    db, err := gorm.Open(postgres.Open(dsn), &gorm.Config{
        Logger: logger.New(
            log.New(log.Writer(), "\r\n", log.LstdFlags),
            logger.Config{
                SlowThreshold:             200,
                Colorful:                  true,
                IgnoreRecordNotFoundError: false,
                LogLevel:                  logger.Info,
            },
        ),
    })

    if err != nil {
        panic(err)
    }

    return db
}

Membuat middleware auth pada gin

badruti94 — Sat, 02 Dec 2023 17:36:58 +0000

package auth

import (
    "fmt"
    "net/http"
    "strings"

    "github.com/dgrijalva/jwt-go"
    "github.com/gin-gonic/gin"
)

type header struct {
    Authorization string `header:"Authorization"`
}

func Auth() gin.HandlerFunc {
    return func(c *gin.Context) {
        h := header{}

        if err := c.ShouldBindHeader(&h); err != nil {
            c.JSON(http.StatusInternalServerError, gin.H{
                "status": "failed",
            })
            return
        }

        if h.Authorization == "" {
            c.JSON(http.StatusBadRequest, gin.H{
                "message": "Access is denied",
            })
            return
        }

        tokenString := strings.ReplaceAll(h.Authorization, "Bearer ", "")
        token, err := jwt.Parse(tokenString, func(token *jwt.Token) (interface{}, error) {
            // Don't forget to validate the alg is what you expect:
            if _, ok := token.Method.(*jwt.SigningMethodHMAC); !ok {
                return nil, fmt.Errorf("Unexpected signing method: %v", token.Header["alg"])
            }

            // hmacSampleSecret is a []byte containing your secret, e.g. []byte("my_secret_key")
            hmacSampleSecret := []byte("my_secret_key")
            return hmacSampleSecret, nil
        })
        if err != nil {
            c.JSON(http.StatusInternalServerError, gin.H{
                "message": "InternalServerError",
            })
            return
        }

        claims, ok := token.Claims.(jwt.MapClaims)
        if !ok {
            c.JSON(http.StatusInternalServerError, gin.H{
                "message": "InternalServerError",
            })
            return
        }

        // c.Set("userId", claims["foo"])
        id, _ := claims["id"].(float64)
        c.Set("userId", int(id))

        c.Next()

        // claims["foo"]
    }
}

membuat file route pada gin

badruti94 — Sat, 02 Dec 2023 17:36:08 +0000

func Router() *gin.Engine {
    router := gin.Default()

    router.GET("/ping", func(c *gin.Context) {
        c.JSON(200, gin.H{
            "message": "pong",
        })
    })


    return router
}

Catatan belajar golang

badruti94 — Fri, 16 Jun 2023 03:34:28 +0000

get req params

ctx.Param("id")

get req query

c.Query("lastname")

get req body

ctx.Bind(&fruit)
//or
name := c.PostForm("name")

doc

Catatan belajar docker

badruti94 — Fri, 19 May 2023 08:03:39 +0000

Github source code link

Docker Compose

Command

# build with no cache and detail
docker compose build --no-cache --progress plain
# create and run
docker compose create
docker compose start

# delete
docker compose down
docker image rm image-name

Example

Mongo Db

version: "3.8"

services:
  mongodb1:
    image: mongo:latest
    container_name: mongodb1
    ports:
      - "27017:27017"
    environment:
      MONGO_INITDB_ROOT_USERNAME: khannedy123
      MONGO_INITDB_ROOT_PASSWORD: khannedy123
      MONGO_INITDB_DATABASE: admin
    volumes:
      - "mongo-data1:/data/db"
  mongodb-express:
    image: mongo-express:latest
    container_name: mongodb-express
    restart: always
    ports:
      - "8081:8081"
    environment:
      ME_CONFIG_MONGODB_ADMINUSERNAME: khannedy123
      ME_CONFIG_MONGODB_ADMINPASSWORD: khannedy123
      ME_CONFIG_MONGODB_SERVER: mongodb1
      ME_CONFIG_BASICAUTH_USERNAME: root
      ME_CONFIG_BASICAUTH_PASSWORD: example
    depends_on:
      - mongodb1

volumes:
  mongo-data1:
    name: mongo-data1
  mongo-data2:
    name: mongo-data2

For Dockerfile

version: "3.8"

services:

  node-example:
    container_name: node-example
    build:
      context: "."
      dockerfile: Dockerfile
    image: "app-node-example:1.0.0"
    ports:
      - "3000:3000"

Dockerfile

Command

# inspect image
docker image inspect badru/workdir
# logs container
docker container logs workdir
# get into container
docker container exec -i -t workdir /bin/sh

Example

Golang

FROM golang:1.18-alpine

WORKDIR /app/
COPY . /app/

EXPOSE 8080
CMD go run main.go

Node js (no dependency)

FROM node:16-alpine

WORKDIR /app/

COPY . /app/

EXPOSE 3000

CMD node app.js

Node js with dependency

FROM node:16-alpine

WORKDIR /app/

COPY . /app/

EXPOSE 3000

RUN npm install

CMD node app.js

Multi with Golang


FROM golang:1.18-alpine as builder
WORKDIR /app/
COPY . /app/
RUN go build -o main main.go

FROM alpine:3
WORKDIR /app/
COPY --from=builder /app/main /app/
EXPOSE 8080
CMD ./main

Catatan Belajar SQL

badruti94 — Wed, 29 Mar 2023 19:01:07 +0000

So this is what I note from learning SQL

# Sample DB PostgreSQL
This is sample DB that I download from Google
here is the link and here is the ERD Diagram

IN
The IN operator allows you to specify multiple values in a WHERE clause.
Example :

SELECT * FROM Customers
WHERE Country IN ('Germany', 'France', 'UK');

BETWEEN
The BETWEEN operator selects values within a given range. The values can be numbers, text, or dates.
Example :

SELECT * FROM Products
WHERE Price BETWEEN 10 AND 20;

UNION
The following SQL statement returns the cities (only distinct values) from both the "Customers" and the "Suppliers" table
Example :

SELECT City FROM Customers
UNION
SELECT City FROM Suppliers
ORDER BY City;

HAVING
The HAVING clause was added to SQL because the WHERE keyword cannot be used with aggregate functions.
Example :

SELECT COUNT(CustomerID), Country
FROM Customers
GROUP BY Country
HAVING COUNT(CustomerID) > 5;

CASE
The CASE expression goes through conditions and returns a value when the first condition is met (like an if-then-else statement). So, once a condition is true, it will stop reading and return the result. If no conditions are true, it returns the value in the ELSE clause.

Example :

SELECT OrderID, Quantity,
CASE
    WHEN Quantity > 30 THEN 'The quantity is greater than 30'
    WHEN Quantity = 30 THEN 'The quantity is 30'
    ELSE 'The quantity is under 30'
END AS QuantityText
FROM OrderDetails;

NOT NULL
It is not possible to test for NULL values with comparison operators, such as =, <, or <>.

We will have to use the IS NULL and IS NOT NULL operators instead.

Example :

--is null
SELECT CustomerName, ContactName, Address
FROM Customers
WHERE Address IS NULL;

--is not null
SELECT CustomerName, ContactName, Address
FROM Customers
WHERE Address IS NOT NULL;

EXTRACT (FOR DATE)

We use EXTRACT function in PostgreSQL to get YEAR or MONTH from date type

Example ::

select
date_part('YEAR', last_update) as year, date_part('MONTH', last_update) as month   
from film f ;

Reference:
https://www.postgresqltutorial.com/postgresql-date-functions/postgresql-date_part/

Source:
w3shoools

Catatan Belajar dari kelas "Belajar Membuat Aplikasi BE untuk Pemula"

badruti94 — Fri, 17 Mar 2023 13:12:52 +0000

Untuk URL gunakan kata benda daripada kata kerja, serta jamak. Kemudian gunakan hirarki. Misal, /articles/:id/comments
Pisahkan dev dan prod dengan NODE_ENV=production node app.js
Gunakan ESlint agar code lebih rapih

npm init @eslint/config@latest
npm i eslint -D
npx eslint --init

//kemudian taruh ini di property script pada package.json
"lint": "eslint ./"

npm run lint

//taruh ini di property rules pada .eslintrc.json agar tak ada warning pada console.log
"no-console": "off"

Gunakan NVM agar lebih mudah dalam memilih versi node js
response dari API yaitu status, message (biasanya tidak digunakan pada method GET kecuali jika status fail), dan data (tergantung)


res.status(200).json({
    status: 'success',
    message: 'Artikel berhasil ditambahkan',
    data: {
        articleId: 1
    }
})

res.status(200).json({
    status: 'success',
    data: {
        articles: [{
            /*   */
        }]
    }
})

Catatan belajar "Belajar Dasar Pemrograman Javascript" dari dicoding

badruti94 — Fri, 17 Mar 2023 12:48:59 +0000

Menamai variabel "data" itu buruk. Penamaan variabel harus sesuai makna dari variabel itu sendiri

//Ini contoh yang salah
data.forEach(data => {/* */});
//Ini contoh yang benar
articles.forEach(article => {/* */});

Trailing coma pada property terakhir dari objek itu membantu. Sebaiknya dilakukan

const article = {
    id: 1,
    title: 'Peran AI dalam Pendidikan',
    slug: 'peran-ai-dalam-pendidikan',
    author: 'Budi S', //ini contoh trailing coma
}

Throw error digunakan untuk menciptakan error sendiri. Contohnya variabel undifined, itu tidak dianggap error oleh runtime maka bisa kita buat error dengan menggunakan throw error

throw new Error('variable undifined');

Kita bisa membuat Custom Error sendiri dengan membuat class turunan dari class Error

class ValidationError extends Error {
    constructor(message){
        super(message)
        this.name = 'Validation Error'
    }
}

Unit testing adalah pengujian pada bagian kecil
Integration testing adalah pengujian fungsi yang bergantung pada fungsi lainnya
End to end testing adalah pengujian flow dari hulu ke hilir
Promise all menjalankan promise secara paralel. Jika salah satu promise reject maka akan me return promise tersebut tanpa promise lain
Promise allSettle sama seperti all tapi me return semua promise baik yang resolve maupun failed
Asin await sangat dianjurkan karena membuat code lebih enak untuk dibaca. Asin await itu menulis code asynchronous dengan style synchronous

tes

badruti94 — Thu, 16 Mar 2023 14:11:09 +0000

lorem ipsumu dolor situ amet

//# Dengan Promise
const cuciPanci = () => {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            console.log('log:cuci panci');
            resolve('cuci panci');
        }, 1000)
    });
}

const cuciPiring = () => {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            console.log(`log:piring dicuci`)
            resolve('piring dicuci')
        }, 1000)
    });
}

Hasil Belajar dari kelas "Belajar Membuat Aplikasi BE untuk Pemula"

Untuk URL gunakan kata benda daripada kata kerja, serta jamak. Kemudian gunakan hirarki.
Misal, /articles/:id/comments
Pisahkan dev dan prod dengan NODE_ENV=production node app.js
Gunakan ESlint agar code lebih rapih
Gunakan NVM agar lebih mudah dalam memilih versi node js
response dari API yaitu status, message (biasanya tidak digunakan pada method GET kecuali jika status fail), dan data (tergantung)