chore: update dep

* feat: support toggle heading

* fix: support others markdown

.github/actions/flutter_build/action.yml

@@ -58,19 +58,24 @@ runs:
 
     - name: Install prerequisites
       working-directory: frontend
-      run: |
-        if [ "$RUNNER_OS" == "Linux" ]; then
-          sudo wget -qO /etc/apt/trusted.gpg.d/dart_linux_signing_key.asc https://dl-ssl.google.com/linux/linux_signing_key.pub
-          sudo wget -qO /etc/apt/sources.list.d/dart_stable.list https://storage.googleapis.com/download.dartlang.org/linux/debian/dart_stable.list
-          sudo apt-get update
-          sudo apt-get install -y dart curl build-essential libssl-dev clang cmake ninja-build pkg-config libgtk-3-dev keybinder-3.0 libnotify-dev libmpv-dev mpv
-        elif [ "$RUNNER_OS" == "Windows" ]; then
-          vcpkg integrate install
-        elif [ "$RUNNER_OS" == "macOS" ]; then
-          echo 'do nothing'
-        fi
-        cargo make appflowy-flutter-deps-tools
       shell: bash
+      run: |
+        case $RUNNER_OS in
+          Linux)
+            sudo wget -qO /etc/apt/trusted.gpg.d/dart_linux_signing_key.asc https://dl-ssl.google.com/linux/linux_signing_key.pub
+            sudo wget -qO /etc/apt/sources.list.d/dart_stable.list https://storage.googleapis.com/download.dartlang.org/linux/debian/dart_stable.list
+            sudo apt-get update
+            sudo apt-get install -y dart curl build-essential libssl-dev clang cmake ninja-build pkg-config libgtk-3-dev keybinder-3.0 libnotify-dev
+            ;;
+          Windows)
+            vcpkg integrate install
+            vcpkg update
+            ;;
+          macOS)
+            # No additional prerequisites needed for macOS
+            ;;
+        esac
+        cargo make appflowy-flutter-deps-tools
 
     - name: Build AppFlowy
       working-directory: frontend
@@ -94,4 +99,4 @@ runs:
     - uses: actions/upload-artifact@v4
       with:
         name: ${{ github.run_id }}-${{ matrix.os }}
-        path: appflowy_flutter.tar.gz
+        path: appflowy_flutter.tar.gz

.github/actions/flutter_integration_test/action.yml

@@ -52,7 +52,7 @@ runs:
         sudo wget -qO /etc/apt/trusted.gpg.d/dart_linux_signing_key.asc https://dl-ssl.google.com/linux/linux_signing_key.pub
         sudo wget -qO /etc/apt/sources.list.d/dart_stable.list https://storage.googleapis.com/download.dartlang.org/linux/debian/dart_stable.list
         sudo apt-get update
-        sudo apt-get install -y dart curl build-essential libssl-dev clang cmake ninja-build pkg-config libgtk-3-dev keybinder-3.0 libnotify-dev network-manager libmpv-dev mpv
+        sudo apt-get install -y dart curl build-essential libssl-dev clang cmake ninja-build pkg-config libgtk-3-dev keybinder-3.0 libnotify-dev network-manager
       shell: bash
 
     - name: Enable Flutter Desktop
@@ -75,4 +75,4 @@ runs:
         sudo Xvfb -ac :99 -screen 0 1280x1024x24 > /dev/null 2>&1 &
         sudo apt-get install network-manager
         flutter test ${{ inputs.test_path }} -d Linux --coverage
-      shell: bash
+      shell: bash

.github/workflows/docker_ci.yml

@@ -2,18 +2,10 @@ name: Docker-CI
 
 on:
   push:
-    branches:
-      - main
-      - release/*
-    paths:
-      - frontend/**
+    branches: ["main", "release/*"]
   pull_request:
-    branches:
-      - main
-      - release/*
-    paths:
-      - frontend/**
-    types: [ opened, synchronize, reopened, unlocked, ready_for_review ]
+    branches: ["main", "release/*"]
+  workflow_dispatch:
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
@@ -27,25 +19,29 @@ jobs:
       - name: Checkout source code
         uses: actions/checkout@v4
 
-      - name: Set up Docker Compose
-        run: |
-          docker-compose --version || {
-            echo "Docker Compose not found, installing..."
-            sudo curl -L "https://github.com/docker/compose/releases/latest/download/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose
-            sudo chmod +x /usr/local/bin/docker-compose
-            docker-compose --version
-          }
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      # cache the docker layers
+      # don't cache anything temporarly, because it always triggers "no space left on device" error
+      # - name: Cache Docker layers
+      #   uses: actions/cache@v3
+      #   with:
+      #     path: /tmp/.buildx-cache
+      #     key: ${{ runner.os }}-buildx-${{ github.sha }}
+      #     restore-keys: |
+      #       ${{ runner.os }}-buildx-
 
       - name: Build the app
-        shell: bash
-        run: |
-          set -eu -o pipefail
-          cd frontend/scripts/docker-buildfiles
-          docker-compose build --no-cache --progress=plain \
-          | while read line; do \
-              if [[ "$line" =~ ^Step[[:space:]] ]]; then \
-                echo "$(date -u '+%H:%M:%S') | $line"; \
-              else \
-                echo "$line"; \
-              fi; \
-            done
+        uses: docker/build-push-action@v5
+        with:
+          context: .
+          file: ./frontend/scripts/docker-buildfiles/Dockerfile
+          push: false
+          # cache-from: type=local,src=/tmp/.buildx-cache
+          # cache-to: type=local,dest=/tmp/.buildx-cache-new,mode=max
+
+      # - name: Move cache
+      #   run: |
+      #     rm -rf /tmp/.buildx-cache
+      #     mv /tmp/.buildx-cache-new /tmp/.buildx-cache

.github/workflows/flutter_ci.yaml

@@ -25,9 +25,10 @@ on:
 
 env:
   CARGO_TERM_COLOR: always
-  FLUTTER_VERSION: "3.22.0"
-  RUST_TOOLCHAIN: "1.77.2"
-  CARGO_MAKE_VERSION: "0.36.6"
+  FLUTTER_VERSION: "3.22.2"
+  RUST_TOOLCHAIN: "1.80.1"
+  CARGO_MAKE_VERSION: "0.37.18"
+  CLOUD_VERSION: 0.6.54-amd64
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
@@ -39,7 +40,7 @@ jobs:
     strategy:
       fail-fast: true
       matrix:
-        os: [ ubuntu-latest ]
+        os: [ubuntu-latest]
         include:
           - os: ubuntu-latest
             flutter_profile: development-linux-x86_64
@@ -73,7 +74,7 @@ jobs:
     strategy:
       fail-fast: true
       matrix:
-        os: [ windows-latest ]
+        os: [windows-latest]
         include:
           - os: windows-latest
             flutter_profile: development-windows-x86
@@ -100,7 +101,7 @@ jobs:
     strategy:
       fail-fast: true
       matrix:
-        os: [ macos-latest ]
+        os: [macos-latest]
         include:
           - os: macos-latest
             flutter_profile: development-mac-x86_64
@@ -122,12 +123,12 @@ jobs:
           flutter_profile: ${{ matrix.flutter_profile }}
 
   unit_test:
-    needs: [ prepare-linux ]
+    needs: [prepare-linux]
     if: github.event.pull_request.draft != true
     strategy:
       fail-fast: false
       matrix:
-        os: [ ubuntu-latest ]
+        os: [ubuntu-latest]
         include:
           - os: ubuntu-latest
             flutter_profile: development-linux-x86_64
@@ -173,7 +174,7 @@ jobs:
             sudo wget -qO /etc/apt/trusted.gpg.d/dart_linux_signing_key.asc https://dl-ssl.google.com/linux/linux_signing_key.pub
             sudo wget -qO /etc/apt/sources.list.d/dart_stable.list https://storage.googleapis.com/download.dartlang.org/linux/debian/dart_stable.list
             sudo apt-get update
-            sudo apt-get install -y dart curl build-essential libssl-dev clang cmake ninja-build pkg-config libgtk-3-dev keybinder-3.0 libnotify-dev libmpv-dev mpv
+            sudo apt-get install -y dart curl build-essential libssl-dev clang cmake ninja-build pkg-config libgtk-3-dev keybinder-3.0 libnotify-dev
           fi
         shell: bash
 
@@ -216,11 +217,11 @@ jobs:
         shell: bash
 
   cloud_integration_test:
-    needs: [ prepare-linux ]
+    needs: [prepare-linux]
     strategy:
       fail-fast: false
       matrix:
-        os: [ ubuntu-latest ]
+        os: [ubuntu-latest]
         include:
           - os: ubuntu-latest
             flutter_profile: development-linux-x86_64
@@ -241,12 +242,15 @@ jobs:
           cp deploy.env .env
           sed -i 's|RUST_LOG=.*|RUST_LOG=trace|' .env
           sed -i 's/GOTRUE_EXTERNAL_GOOGLE_ENABLED=.*/GOTRUE_EXTERNAL_GOOGLE_ENABLED=true/' .env
+          sed -i 's|GOTRUE_MAILER_AUTOCONFIRM=.*|GOTRUE_MAILER_AUTOCONFIRM=true|' .env
           sed -i 's|API_EXTERNAL_URL=.*|API_EXTERNAL_URL=http://localhost|' .env
 
       - name: Run Docker-Compose
         working-directory: AppFlowy-Cloud
         env:
-          APPFLOWY_CLOUD_VERSION: 0.6.4-amd64
+          APPFLOWY_CLOUD_VERSION: ${{ env.CLOUD_VERSION }}
+          APPFLOWY_HISTORY_VERSION: ${{ env.CLOUD_VERSION }}
+          APPFLOWY_WORKER_VERSION: ${{ env.CLOUD_VERSION }}
         run: |
           container_id=$(docker ps --filter name=appflowy-cloud-appflowy_cloud-1 -q)
           if [ -z "$container_id" ]; then
@@ -258,11 +262,26 @@ jobs:
           else
             running_image=$(docker inspect --format='{{index .Config.Image}}' "$container_id")
             if [ "$running_image" != "appflowy-cloud:$APPFLOWY_CLOUD_VERSION" ]; then
-              echo "AppFlowy-Cloud is running with an incorrect version. Pulling the correct version..."
+              echo "AppFlowy-Cloud is running with an incorrect version. Restarting with the correct version..."
+              # Remove all containers if any exist
+              if [ "$(docker ps -aq)" ]; then
+                docker rm -f $(docker ps -aq)
+              else
+                echo "No containers to remove."
+              fi
+
+              # Remove all volumes if any exist
+              if [ "$(docker volume ls -q)" ]; then
+                docker volume rm $(docker volume ls -q)
+              else
+                echo "No volumes to remove."
+              fi
               docker compose pull
               docker compose up -d
               echo "Waiting for the container to be ready..."
               sleep 10
+              docker ps -a
+              docker compose logs
             else
               echo "AppFlowy-Cloud is running with the correct version."
             fi
@@ -289,7 +308,7 @@ jobs:
           sudo wget -qO /etc/apt/trusted.gpg.d/dart_linux_signing_key.asc https://dl-ssl.google.com/linux/linux_signing_key.pub
           sudo wget -qO /etc/apt/sources.list.d/dart_stable.list https://storage.googleapis.com/download.dartlang.org/linux/debian/dart_stable.list
           sudo apt-get update
-          sudo apt-get install -y dart curl build-essential libssl-dev clang cmake ninja-build pkg-config libgtk-3-dev keybinder-3.0 libnotify-dev libmpv-dev mpv
+          sudo apt-get install -y dart curl build-essential libssl-dev clang cmake ninja-build pkg-config libgtk-3-dev keybinder-3.0 libnotify-dev
         shell: bash
 
       - name: Enable Flutter Desktop
@@ -317,96 +336,30 @@ jobs:
           sudo Xvfb -ac :99 -screen 0 1280x1024x24 > /dev/null 2>&1 &
           sudo apt-get install network-manager
           docker ps -a
-          flutter test integration_test/cloud/cloud_runner.dart -d Linux --coverage
+          flutter test integration_test/desktop/cloud/cloud_runner.dart -d Linux --coverage
         shell: bash
 
-  # split the integration tests into different machines to minimize the time
-  integration_test_1:
-    needs: [ prepare-linux ]
+  integration_test:
+    needs: [prepare-linux]
     if: github.event.pull_request.draft != true
     strategy:
       fail-fast: false
       matrix:
-        os: [ ubuntu-latest ]
+        os: [ubuntu-latest]
+        test_number: [1, 2, 3, 4, 5, 6, 7, 8]
         include:
           - os: ubuntu-latest
-            target: 'x86_64-unknown-linux-gnu'
+            target: "x86_64-unknown-linux-gnu"
     runs-on: ${{ matrix.os }}
     steps:
       - name: Checkout source code
         uses: actions/checkout@v4
 
-      - name: Install video dependency
-        run: |
-          sudo apt-get update
-          sudo apt-get -y install libmpv-dev mpv
-        shell: bash
-
-      - name: Flutter Integration Test 1
+      - name: Flutter Integration Test ${{ matrix.test_number }}
         uses: ./.github/actions/flutter_integration_test
         with:
-          test_path: integration_test/desktop_runner_1.dart
+          test_path: integration_test/desktop_runner_${{ matrix.test_number }}.dart
           flutter_version: ${{ env.FLUTTER_VERSION }}
           rust_toolchain: ${{ env.RUST_TOOLCHAIN }}
           cargo_make_version: ${{ env.CARGO_MAKE_VERSION }}
           rust_target: ${{ matrix.target }}
-
-  integration_test_2:
-    needs: [ prepare-linux ]
-    if: github.event.pull_request.draft != true
-    strategy:
-      fail-fast: false
-      matrix:
-        os: [ ubuntu-latest ]
-        include:
-          - os: ubuntu-latest
-            target: 'x86_64-unknown-linux-gnu'
-    runs-on: ${{ matrix.os }}
-    steps:
-      - name: Checkout source code
-        uses: actions/checkout@v4
-
-      - name: Install video dependency
-        run: |
-          sudo apt-get update
-          sudo apt-get -y install libmpv-dev mpv
-        shell: bash
-
-      - name: Flutter Integration Test 2
-        uses: ./.github/actions/flutter_integration_test
-        with:
-          test_path: integration_test/desktop_runner_2.dart
-          flutter_version: ${{ env.FLUTTER_VERSION }}
-          rust_toolchain: ${{ env.RUST_TOOLCHAIN }}
-          cargo_make_version: ${{ env.CARGO_MAKE_VERSION }}
-          rust_target: ${{ matrix.target }}
-
-  integration_test_3:
-    needs: [ prepare-linux ]
-    if: github.event.pull_request.draft != true
-    strategy:
-      fail-fast: false
-      matrix:
-        os: [ ubuntu-latest ]
-        include:
-          - os: ubuntu-latest
-            target: 'x86_64-unknown-linux-gnu'
-    runs-on: ${{ matrix.os }}
-    steps:
-      - name: Checkout source code
-        uses: actions/checkout@v4
-
-      - name: Install video dependency
-        run: |
-          sudo apt-get update
-          sudo apt-get -y install libmpv-dev mpv
-        shell: bash
-
-      - name: Flutter Integration Test 3
-        uses: ./.github/actions/flutter_integration_test
-        with:
-          test_path: integration_test/desktop_runner_3.dart
-          flutter_version: ${{ env.FLUTTER_VERSION }}
-          rust_toolchain: ${{ env.RUST_TOOLCHAIN }}
-          cargo_make_version: ${{ env.CARGO_MAKE_VERSION }}
-          rust_target: ${{ matrix.target }}

.github/workflows/ios_ci.yaml

@@ -22,6 +22,7 @@ on:
 env:
   FLUTTER_VERSION: "3.22.0"
   RUST_TOOLCHAIN: "1.80.1"
+  CLOUD_VERSION: 0.6.51
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
@@ -48,13 +49,13 @@ jobs:
           model: "iPhone 15"
           shutdown_after_job: false
 
-  build-macos:
+  integration-tests:
     if: github.event.pull_request.head.repo.full_name != github.repository
-    runs-on: macos-13
+    runs-on: macos-latest
 
     steps:
       - name: Checkout source code
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
 
       - name: Install Rust toolchain
         uses: actions-rs/toolchain@v1
@@ -96,11 +97,11 @@ jobs:
           cargo make --profile development-ios-arm64-sim appflowy-core-dev-ios
           cargo make --profile development-ios-arm64-sim code_generation
 
-      - uses: futureware-tech/simulator-action@v3
-        id: simulator-action
-        with:
-          model: "iPhone 15"
-          shutdown_after_job: false
+      # - uses: futureware-tech/simulator-action@v3
+      #   id: simulator-action
+      #   with:
+      #     model: "iPhone 15"
+      #     shutdown_after_job: false
 
       # - name: Run AppFlowy on simulator
       #   working-directory: frontend/appflowy_flutter
@@ -111,7 +112,6 @@ jobs:
       #     kill $pid
       #   continue-on-error: true
 
-      # enable it again if the 12 mins timeout is fixed
       # - name: Run integration tests
       #   working-directory: frontend/appflowy_flutter
       #   run: flutter test integration_test/runner.dart -d ${{ steps.simulator-action.outputs.udid }}

.github/workflows/release.yml

@@ -232,10 +232,10 @@ jobs:
       matrix:
         job:
           - {
-            targets: "aarch64-apple-darwin,x86_64-apple-darwin",
-            os: macos-latest,
-            extra-build-args: "",
-          }
+              targets: "aarch64-apple-darwin,x86_64-apple-darwin",
+              os: macos-latest,
+              extra-build-args: "",
+            }
     steps:
       - name: Checkout source code
         uses: actions/checkout@v4
@@ -336,12 +336,12 @@ jobs:
       matrix:
         job:
           - {
-            arch: x86_64,
-            target: x86_64-unknown-linux-gnu,
-            os: ubuntu-20.04,
-            extra-build-args: "",
-            flutter_profile: production-linux-x86_64,
-          }
+              arch: x86_64,
+              target: x86_64-unknown-linux-gnu,
+              os: ubuntu-20.04,
+              extra-build-args: "",
+              flutter_profile: production-linux-x86_64,
+            }
     steps:
       - name: Checkout source code
         uses: actions/checkout@v4
@@ -368,7 +368,7 @@ jobs:
           sudo apt-get update
           sudo apt-get install -y build-essential libsqlite3-dev libssl-dev clang cmake ninja-build pkg-config libgtk-3-dev
           sudo apt-get install keybinder-3.0
-          sudo apt-get install -y  alien libnotify-dev libmpv-dev mpv
+          sudo apt-get install -y alien libnotify-dev
           source $HOME/.cargo/env
           cargo install --force cargo-make
           cargo install --force duckscript_cli

.github/workflows/rust_ci.yaml

@@ -20,6 +20,7 @@ on:
 
 env:
   CARGO_TERM_COLOR: always
+  CLOUD_VERSION: 0.6.51-amd64
   RUST_TOOLCHAIN: "1.77.2"
 
 jobs:
@@ -46,7 +47,9 @@ jobs:
       - name: Ensure AppFlowy-Cloud is Running with Correct Version
         working-directory: AppFlowy-Cloud
         env:
-          APPFLOWY_CLOUD_VERSION: 0.6.4-amd64
+          APPFLOWY_CLOUD_VERSION: ${{ env.CLOUD_VERSION }}
+          APPFLOWY_HISTORY_VERSION: ${{ env.CLOUD_VERSION }}
+          APPFLOWY_WORKER_VERSION: ${{ env.CLOUD_VERSION }}
         run: |
           container_id=$(docker ps --filter name=appflowy-cloud-appflowy_cloud-1 -q)
           if [ -z "$container_id" ]; then
@@ -63,6 +66,8 @@ jobs:
               docker compose up -d
               echo "Waiting for the container to be ready..."
               sleep 10
+              docker ps -a
+              docker compose logs
             else
               echo "AppFlowy-Cloud is running with the correct version."
             fi
@@ -91,6 +96,11 @@ jobs:
     if: github.event.pull_request.head.repo.full_name != github.repository
     runs-on: ubuntu-latest
     steps:
+      - name: Set timezone for action
+        uses: szenius/set-timezone@v2.0
+        with:
+          timezoneLinux: "US/Pacific"
+
       - name: Maximize build space
         run: |
           sudo rm -rf /usr/share/dotnet
@@ -127,33 +137,37 @@ jobs:
         run: |
           cp deploy.env .env
           sed -i 's|RUST_LOG=.*|RUST_LOG=trace|' .env
+          sed -i 's|GOTRUE_MAILER_AUTOCONFIRM=.*|GOTRUE_MAILER_AUTOCONFIRM=true|' .env 
           sed -i 's|API_EXTERNAL_URL=.*|API_EXTERNAL_URL=http://localhost|' .env
 
       - name: Ensure AppFlowy-Cloud is Running with Correct Version
         working-directory: AppFlowy-Cloud
         env:
-          APPFLOWY_CLOUD_VERSION: 0.6.4-amd64
+          APPFLOWY_CLOUD_VERSION: ${{ env.CLOUD_VERSION }}
+          APPFLOWY_HISTORY_VERSION: ${{ env.CLOUD_VERSION }}
+          APPFLOWY_WORKER_VERSION: ${{ env.CLOUD_VERSION }}
         run: |
-          container_id=$(docker ps --filter name=appflowy-cloud-appflowy_cloud-1 -q)
-          if [ -z "$container_id" ]; then
-            echo "AppFlowy-Cloud container is not running. Pulling and starting the container..."
-            docker compose pull
-            docker compose up -d
-            echo "Waiting for the container to be ready..."
-            sleep 10
+          # Remove all containers if any exist
+          if [ "$(docker ps -aq)" ]; then
+            docker rm -f $(docker ps -aq)
           else
-            running_image=$(docker inspect --format='{{index .Config.Image}}' "$container_id")
-            if [ "$running_image" != "appflowy-cloud:$APPFLOWY_CLOUD_VERSION" ]; then
-              echo "AppFlowy-Cloud is running with an incorrect version. Pulling the correct version..."
-              docker compose pull
-              docker compose up -d
-              echo "Waiting for the container to be ready..."
-              sleep 10
-            else
-              echo "AppFlowy-Cloud is running with the correct version."
-            fi
+            echo "No containers to remove."
           fi
 
+          # Remove all volumes if any exist
+          if [ "$(docker volume ls -q)" ]; then
+            docker volume rm $(docker volume ls -q)
+          else
+            echo "No volumes to remove."
+          fi
+          
+          docker compose pull
+          docker compose up -d
+          echo "Waiting for the container to be ready..."
+          sleep 10
+          docker ps -a
+          docker compose logs
+
       - name: Run rust-lib tests
         working-directory: frontend/rust-lib
         env:

CHANGELOG.md

@@ -1,4 +1,37 @@
 # Release Notes
+## Version 0.7.2 - 22/10/2024
+### New Features
+- Copy link to block
+- Support turn into in document
+- Enable sharing links and publishing pages on mobile
+- Enable drag and drop in row documents
+- Right-click on page in sidebar to open more actions
+- Create new subpage in document using `+` character
+- Allow reordering checklist item
+
+### Bug Fixes
+- Fixed issue with inability to cancel inline code format in French IME
+- Fixed delete with Shift or Ctrl shortcuts not working in documents
+- Fixed the issues with incorrect time zone being used in filters.
+
+## Version 0.7.1 - 07/10/2024
+### New Features
+- Copy link to share and open it in a browser
+- Enable the ability to edit the page title within the body of the document
+- Filter by last modified, created at, or a date range
+- Allow customization of database property icons
+- Support CTRL/CMD+X to delete the current line when the selection is collapsed in the document
+- Support window tiling on macOS
+- Add filters to grid views on mobile
+- Create and manage workspaces on mobile
+- Automatically convert property types for imported CSV files
+
+### Bug Fixes
+- Fixed calculations with filters applied
+- Fixed issues with importing data folders into a cloud account
+- Fixed French IME backtick issues
+- Fixed selection gesture bugs on mobile
+
 ## Version 0.7.0 - 19/09/2024
 ### New Features
 - Support reordering blocks in document with drag and drop
@@ -42,7 +75,7 @@
 - Fixed the inability to edit group names on Kanban boards
 - Made error codes more user-friendly
 - Added leading zeros to day and month in date format
-  
+
 ## Version 0.6.8 - 22/08/2024
 ### New Features
 - Enabled viewing data inside a database record on mobile.

README.md

@@ -119,7 +119,7 @@ We do not claim to outperform Notion in terms of functionality and design, at le
 
 Distributed under the AGPLv3 License. See [`LICENSE.md`](https://github.com/AppFlowy-IO/AppFlowy/blob/main/LICENSE) for more information.
 
-## Acknowledgements
+## Acknowledgments
 
 Special thanks to these amazing projects which help power AppFlowy.IO:
 

frontend/Makefile.toml

@@ -26,7 +26,7 @@ CARGO_MAKE_EXTEND_WORKSPACE_MAKEFILE = true
 CARGO_MAKE_CRATE_FS_NAME = "dart_ffi"
 CARGO_MAKE_CRATE_NAME = "dart-ffi"
 LIB_NAME = "dart_ffi"
-APPFLOWY_VERSION = "0.7.0"
+APPFLOWY_VERSION = "0.7.3"
 FLUTTER_DESKTOP_FEATURES = "dart"
 PRODUCT_NAME = "AppFlowy"
 MACOSX_DEPLOYMENT_TARGET = "11.0"

frontend/appflowy_flutter/analysis_options.yaml

@@ -1,13 +1,3 @@
-# This file configures the analyzer, which statically analyzes Dart code to
-# check for errors, warnings, and lints.
-#
-# The issues identified by the analyzer are surfaced in the UI of Dart-enabled
-# IDEs (https://dart.dev/tools#ides-and-editors). The analyzer can also be
-# invoked from the command line by running `flutter analyze`.
-
-# The following line activates a set of recommended lints for Flutter apps,
-# packages, and plugins designed to encourage good coding practices.
-
 include: package:flutter_lints/flutter.yaml
 
 analyzer:
@@ -16,17 +6,6 @@ analyzer:
     - "**/*.freezed.dart"
 
 linter:
-  # The lint rules applied to this project can be customized in the
-  # section below to disable rules from the `package:flutter_lints/flutter.yaml`
-  # included above or to enable additional rules. A list of all available lints
-  # and their documentation is published at
-  # https://dart-lang.github.io/linter/lints/index.html.
-  #
-  # Instead of disabling a lint rule for the entire project in the
-  # section below, it can also be suppressed for a single line of code
-  # or a specific dart file by using the `// ignore: name_of_lint` and
-  # `// ignore_for_file: name_of_lint` syntax on the line or in the file
-  # producing the lint.
   rules:
     - require_trailing_commas
 
@@ -51,8 +30,5 @@ linter:
     - sort_constructors_first
     - unawaited_futures
 
-# Additional information about this file can be found at
-# https://dart.dev/guides/language/analysis-options
-
 errors:
   invalid_annotation_target: ignore

frontend/appflowy_flutter/integration_test/cloud/cloud_runner.dart

@@ -1,29 +0,0 @@
-import 'anon_user_continue_test.dart' as anon_user_continue_test;
-import 'appflowy_cloud_auth_test.dart' as appflowy_cloud_auth_test;
-import 'document/document_drag_block_test.dart' as document_drag_block_test;
-import 'empty_test.dart' as preset_af_cloud_env_test;
-import 'sidebar/sidebar_move_page_test.dart' as sidebar_move_page_test;
-import 'user_setting_sync_test.dart' as user_sync_test;
-import 'workspace/change_name_and_icon_test.dart'
-    as change_workspace_name_and_icon_test;
-import 'workspace/collaborative_workspace_test.dart'
-    as collaboration_workspace_test;
-import 'workspace/workspace_settings_test.dart' as workspace_settings_test;
-
-Future<void> main() async {
-  preset_af_cloud_env_test.main();
-  appflowy_cloud_auth_test.main();
-  user_sync_test.main();
-  anon_user_continue_test.main();
-
-  // workspace
-  collaboration_workspace_test.main();
-  change_workspace_name_and_icon_test.main();
-  workspace_settings_test.main();
-
-  // document
-  document_drag_block_test.main();
-
-  // sidebar
-  sidebar_move_page_test.main();
-}

frontend/appflowy_flutter/integration_test/cloud/document/document_delete_block_test.dart

@@ -1,60 +0,0 @@
-import 'package:appflowy/env/cloud_env.dart';
-import 'package:appflowy/generated/locale_keys.g.dart';
-import 'package:appflowy/plugins/document/presentation/editor_plugins/actions/drag_to_reorder/draggable_option_button.dart';
-import 'package:appflowy_editor/appflowy_editor.dart';
-import 'package:easy_localization/easy_localization.dart';
-import 'package:flutter/material.dart';
-import 'package:flutter_test/flutter_test.dart';
-import 'package:integration_test/integration_test.dart';
-
-import '../../shared/constants.dart';
-import '../../shared/util.dart';
-
-void main() {
-  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
-
-  group('document delete block: ', () {
-    testWidgets('hover on the block and delete it', (tester) async {
-      await tester.initializeAppFlowy(
-        cloudType: AuthenticatorType.appflowyCloudSelfHost,
-      );
-      await tester.tapGoogleLoginInButton();
-      await tester.expectToSeeHomePageWithGetStartedPage();
-
-      // open getting started page
-      await tester.openPage(Constants.gettingStartedPageName);
-
-      // before delete
-      final path = [1];
-      final beforeDeletedBlock = tester.editor.getNodeAtPath(path);
-
-      // hover on the block and delete it
-      final optionButton = find.byWidgetPredicate(
-        (widget) =>
-            widget is DraggableOptionButton &&
-            widget.blockComponentContext.node.path.equals(path),
-      );
-
-      await tester.hoverOnWidget(
-        optionButton,
-        onHover: () async {
-          // click the delete button
-          await tester.tapButton(optionButton);
-        },
-      );
-      await tester.pumpAndSettle(Durations.short1);
-
-      // click the delete button
-      final deleteButton =
-          find.findTextInFlowyText(LocaleKeys.button_delete.tr());
-      await tester.tapButton(deleteButton);
-
-      // wait for the deletion
-      await tester.pumpAndSettle(Durations.short1);
-
-      // check if the block is deleted
-      final afterDeletedBlock = tester.editor.getNodeAtPath([1]);
-      expect(afterDeletedBlock.id, isNot(equals(beforeDeletedBlock.id)));
-    });
-  });
-}

frontend/appflowy_flutter/integration_test/cloud/supabase_auth_test.dart

@@ -1,93 +0,0 @@
-// import 'package:appflowy/env/cloud_env.dart';
-// import 'package:appflowy/workspace/application/settings/prelude.dart';
-// import 'package:appflowy/workspace/presentation/settings/pages/settings_account_view.dart';
-// import 'package:appflowy/workspace/presentation/settings/widgets/setting_supabase_cloud.dart';
-// import 'package:flutter_test/flutter_test.dart';
-// import 'package:integration_test/integration_test.dart';
-
-// import '../shared/util.dart';
-
-// void main() {
-//   IntegrationTestWidgetsFlutterBinding.ensureInitialized();
-
-//   group('supabase auth', () {
-//     testWidgets('sign in with supabase', (tester) async {
-//       await tester.initializeAppFlowy(cloudType: AuthenticatorType.supabase);
-//       await tester.tapGoogleLoginInButton();
-//       await tester.expectToSeeHomePageWithGetStartedPage();
-//     });
-
-//     testWidgets('sign out with supabase', (tester) async {
-//       await tester.initializeAppFlowy(cloudType: AuthenticatorType.supabase);
-//       await tester.tapGoogleLoginInButton();
-
-//       // Open the setting page and sign out
-//       await tester.openSettings();
-//       await tester.openSettingsPage(SettingsPage.account);
-//       await tester.logout();
-
-//       // Go to the sign in page again
-//       await tester.pumpAndSettle(const Duration(seconds: 1));
-//       tester.expectToSeeGoogleLoginButton();
-//     });
-
-//     testWidgets('sign in as anonymous', (tester) async {
-//       await tester.initializeAppFlowy(cloudType: AuthenticatorType.supabase);
-//       await tester.tapSignInAsGuest();
-
-//       // should not see the sync setting page when sign in as anonymous
-//       await tester.openSettings();
-//       await tester.openSettingsPage(SettingsPage.account);
-
-//       // Scroll to sign-out
-//       await tester.scrollUntilVisible(
-//         find.byType(SignInOutButton),
-//         100,
-//         scrollable: find.findSettingsScrollable(),
-//       );
-//       await tester.tapButton(find.byType(SignInOutButton));
-
-//       tester.expectToSeeGoogleLoginButton();
-//     });
-
-//     // testWidgets('enable encryption', (tester) async {
-//     //   await tester.initializeAppFlowy(cloudType: CloudType.supabase);
-//     //   await tester.tapGoogleLoginInButton();
-
-//     //   // Open the setting page and sign out
-//     //   await tester.openSettings();
-//     //   await tester.openSettingsPage(SettingsPage.cloud);
-
-//     //   // the switch should be off by default
-//     //   tester.assertEnableEncryptSwitchValue(false);
-//     //   await tester.toggleEnableEncrypt();
-
-//     //   // the switch should be on after toggling
-//     //   tester.assertEnableEncryptSwitchValue(true);
-
-//     //   // the switch can not be toggled back to off
-//     //   await tester.toggleEnableEncrypt();
-//     //   tester.assertEnableEncryptSwitchValue(true);
-//     // });
-
-//     testWidgets('enable sync', (tester) async {
-//       await tester.initializeAppFlowy(cloudType: AuthenticatorType.supabase);
-//       await tester.tapGoogleLoginInButton();
-
-//       // Open the setting page and sign out
-//       await tester.openSettings();
-//       await tester.openSettingsPage(SettingsPage.cloud);
-
-//       // the switch should be on by default
-//       tester.assertSupabaseEnableSyncSwitchValue(true);
-//       await tester.toggleEnableSync(SupabaseEnableSync);
-
-//       // the switch should be off
-//       tester.assertSupabaseEnableSyncSwitchValue(false);
-
-//       // the switch should be on after toggling
-//       await tester.toggleEnableSync(SupabaseEnableSync);
-//       tester.assertSupabaseEnableSyncSwitchValue(true);
-//     });
-//   });
-// }

frontend/appflowy_flutter/integration_test/cloud/workspace/workspace_settings_test.dart

@@ -1,96 +0,0 @@
-// ignore_for_file: unused_import
-
-import 'dart:io';
-
-import 'package:appflowy/env/cloud_env.dart';
-import 'package:appflowy/generated/locale_keys.g.dart';
-import 'package:appflowy/plugins/document/presentation/editor_plugins/openai/widgets/loading.dart';
-import 'package:appflowy/plugins/document/presentation/editor_style.dart';
-import 'package:appflowy/shared/feature_flags.dart';
-import 'package:appflowy/startup/startup.dart';
-import 'package:appflowy/user/application/auth/af_cloud_mock_auth_service.dart';
-import 'package:appflowy/user/application/auth/auth_service.dart';
-import 'package:appflowy/workspace/application/settings/prelude.dart';
-import 'package:appflowy/workspace/presentation/home/menu/sidebar/workspace/_sidebar_workspace_actions.dart';
-import 'package:appflowy/workspace/presentation/home/menu/sidebar/workspace/_sidebar_workspace_menu.dart';
-import 'package:appflowy/workspace/presentation/home/menu/sidebar/workspace/sidebar_workspace.dart';
-import 'package:appflowy/workspace/presentation/settings/pages/settings_workspace_view.dart';
-import 'package:appflowy/workspace/presentation/settings/shared/setting_list_tile.dart';
-import 'package:appflowy/workspace/presentation/settings/widgets/setting_appflowy_cloud.dart';
-import 'package:appflowy/workspace/presentation/widgets/user_avatar.dart';
-import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
-import 'package:easy_localization/easy_localization.dart';
-import 'package:flowy_infra/uuid.dart';
-import 'package:flowy_infra_ui/flowy_infra_ui.dart';
-import 'package:flutter/material.dart';
-import 'package:flutter_test/flutter_test.dart';
-import 'package:integration_test/integration_test.dart';
-import 'package:path/path.dart' as p;
-
-import '../../shared/database_test_op.dart';
-import '../../shared/dir.dart';
-import '../../shared/emoji.dart';
-import '../../shared/mock/mock_file_picker.dart';
-import '../../shared/util.dart';
-
-void main() {
-  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
-
-  group('workspace settings: ', () {
-    testWidgets(
-      'change document width',
-      (tester) async {
-        await tester.initializeAppFlowy(
-          cloudType: AuthenticatorType.appflowyCloudSelfHost,
-        );
-        await tester.tapGoogleLoginInButton();
-        await tester.expectToSeeHomePageWithGetStartedPage();
-
-        await tester.openSettings();
-        await tester.openSettingsPage(SettingsPage.workspace);
-
-        final documentWidthSettings = find.findTextInFlowyText(
-          LocaleKeys.settings_appearance_documentSettings_width.tr(),
-        );
-
-        final scrollable = find.ancestor(
-          of: find.byType(SettingsWorkspaceView),
-          matching: find.descendant(
-            of: find.byType(SingleChildScrollView),
-            matching: find.byType(Scrollable),
-          ),
-        );
-
-        await tester.scrollUntilVisible(
-          documentWidthSettings,
-          0,
-          scrollable: scrollable,
-        );
-        await tester.pumpAndSettle();
-
-        // change the document width
-        final slider = find.byType(Slider);
-        final oldValue = tester.widget<Slider>(slider).value;
-        await tester.drag(slider, const Offset(-100, 0));
-        await tester.pumpAndSettle();
-
-        // check the document width is changed
-        expect(tester.widget<Slider>(slider).value, lessThan(oldValue));
-
-        // click the reset button
-        final resetButton = find.descendant(
-          of: find.byType(DocumentPaddingSetting),
-          matching: find.byType(SettingsResetButton),
-        );
-        await tester.tap(resetButton);
-        await tester.pumpAndSettle();
-
-        // check the document width is reset
-        expect(
-          tester.widget<Slider>(slider).value,
-          EditorStyleCustomizer.maxDocumentWidth,
-        );
-      },
-    );
-  });
-}

frontend/appflowy_flutter/integration_test/desktop/board/board_hide_groups_test.dart

@@ -4,7 +4,6 @@ import 'package:appflowy/plugins/database/board/presentation/widgets/board_colum
 import 'package:appflowy/plugins/database/board/presentation/widgets/board_hidden_groups.dart';
 import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
 import 'package:easy_localization/easy_localization.dart';
-import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
@@ -121,22 +120,3 @@ void main() {
     });
   });
 }
-
-extension FlowySvgFinder on CommonFinders {
-  Finder byFlowySvg(FlowySvgData svg) => _FlowySvgFinder(svg);
-}
-
-class _FlowySvgFinder extends MatchFinder {
-  _FlowySvgFinder(this.svg);
-
-  final FlowySvgData svg;
-
-  @override
-  String get description => 'flowy_svg "$svg"';
-
-  @override
-  bool matches(Element candidate) {
-    final Widget widget = candidate.widget;
-    return widget is FlowySvg && widget.svg == svg;
-  }
-}

frontend/appflowy_flutter/integration_test/desktop/board/board_row_test.dart

@@ -6,6 +6,7 @@ import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
+import 'package:time/time.dart';
 
 import '../../shared/database_test_op.dart';
 import '../../shared/util.dart';
@@ -14,6 +15,31 @@ void main() {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();
 
   group('board row test', () {
+    testWidgets('edit item in ToDo card', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Board);
+      const name = 'Card 1';
+      final card1 = find.ancestor(
+        matching: find.byType(RowCard),
+        of: find.text(name),
+      );
+      await tester.hoverOnWidget(
+        card1,
+        onHover: () async {
+          final editCard = find.byType(EditCardAccessory);
+          await tester.tapButton(editCard);
+        },
+      );
+      await tester.showKeyboard(card1);
+      tester.testTextInput.enterText("");
+      await tester.pump(300.milliseconds);
+      tester.testTextInput.enterText("a");
+      await tester.pump(300.milliseconds);
+      expect(find.text('a'), findsOneWidget);
+    });
+
     testWidgets('delete item in ToDo card', (tester) async {
       await tester.initializeAppFlowy();
       await tester.tapAnonymousSignInButton();

frontend/appflowy_flutter/integration_test/desktop/cloud/cloud_runner.dart

@@ -0,0 +1,25 @@
+import 'document/document_test_runner.dart' as document_test_runner;
+import 'sidebar/sidebar_move_page_test.dart' as sidebar_move_page_test;
+import 'uncategorized/uncategorized_test_runner.dart'
+    as uncategorized_test_runner;
+import 'workspace/workspace_test_runner.dart' as workspace_test_runner;
+import 'data_migration/data_migration_test_runner.dart'
+    as data_migration_test_runner;
+import 'set_env.dart' as preset_af_cloud_env_test;
+
+Future<void> main() async {
+  preset_af_cloud_env_test.main();
+
+  data_migration_test_runner.main();
+  // uncategorized
+  uncategorized_test_runner.main();
+
+  // workspace
+  workspace_test_runner.main();
+
+  // document
+  document_test_runner.main();
+
+  // sidebar
+  sidebar_move_page_test.main();
+}

frontend/appflowy_flutter/integration_test/desktop/cloud/data_migration/anon_user_data_migration_test.dart

@@ -24,16 +24,16 @@ import 'package:integration_test/integration_test.dart';
 import 'package:intl/intl.dart';
 import 'package:path/path.dart' as p;
 
-import '../desktop/board/board_hide_groups_test.dart';
-import '../shared/dir.dart';
-import '../shared/mock/mock_file_picker.dart';
-import '../shared/util.dart';
+import '../../../shared/dir.dart';
+import '../../../shared/mock/mock_file_picker.dart';
+import '../../../shared/util.dart';
+import '../../board/board_hide_groups_test.dart';
 
 void main() {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();
 
   group('appflowy cloud', () {
-    testWidgets('anon user and then sign in', (tester) async {
+    testWidgets('anon user -> sign in -> open imported space', (tester) async {
       await tester.initializeAppFlowy(
         cloudType: AuthenticatorType.appflowyCloudSelfHost,
       );
@@ -42,6 +42,10 @@ void main() {
       await tester.tapAnonymousSignInButton();
       await tester.expectToSeeHomePageWithGetStartedPage();
 
+      const pageName = 'Test Document';
+      await tester.createNewPageWithNameUnderParent(name: pageName);
+      tester.expectToSeePageName(pageName);
+
       // rename the name of the anon user
       await tester.openSettings();
       await tester.openSettingsPage(SettingsPage.account);
@@ -60,20 +64,16 @@ void main() {
 
       // sign up with Google
       await tester.tapGoogleLoginInButton();
+      // await tester.pumpAndSettle(const Duration(seconds: 16));
 
-      // sign out
+      // open the imported space
       await tester.expectToSeeHomePage();
-      await tester.openSettings();
-      await tester.openSettingsPage(SettingsPage.account);
+      await tester.clickSpaceHeader();
 
-      // Scroll to sign-out
-      await tester.scrollUntilVisible(
-        find.byType(AccountSignInOutButton),
-        100,
-        scrollable: find.findSettingsScrollable(),
-      );
+      // After import the anon user data, we will create a new space for it
+      await tester.openSpace("Getting started");
+      await tester.openPage(pageName);
 
-      await tester.logout();
       await tester.pumpAndSettle();
     });
   });

frontend/appflowy_flutter/integration_test/desktop/cloud/data_migration/data_migration_test_runner.dart

@@ -0,0 +1,5 @@
+import 'anon_user_data_migration_test.dart' as anon_user_test;
+
+void main() async {
+  anon_user_test.main();
+}

frontend/appflowy_flutter/integration_test/desktop/cloud/document/document_copy_link_to_block_test.dart

@@ -0,0 +1,275 @@
+import 'package:appflowy/env/cloud_env.dart';
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/plugins/document/document_page.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/mention/mention_block.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/mention/mention_page_block.dart';
+import 'package:appflowy/shared/patterns/common_patterns.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
+import 'package:appflowy_editor/appflowy_editor.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../../../shared/constants.dart';
+import '../../../shared/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  // copy link to block
+  group('copy link to block:', () {
+    testWidgets('copy link to check if the clipboard has the correct content',
+        (tester) async {
+      await tester.initializeAppFlowy(
+        cloudType: AuthenticatorType.appflowyCloudSelfHost,
+      );
+      await tester.tapGoogleLoginInButton();
+      await tester.expectToSeeHomePageWithGetStartedPage();
+
+      // open getting started page
+      await tester.openPage(Constants.gettingStartedPageName);
+      await tester.editor.copyLinkToBlock([0]);
+      await tester.pumpAndSettle(Durations.short1);
+
+      // check the clipboard
+      final content = await Clipboard.getData(Clipboard.kTextPlain);
+      expect(
+        content?.text,
+        matches(appflowySharePageLinkPattern),
+      );
+    });
+
+    testWidgets('copy link to block(another page) and paste it in doc',
+        (tester) async {
+      await tester.initializeAppFlowy(
+        cloudType: AuthenticatorType.appflowyCloudSelfHost,
+      );
+      await tester.tapGoogleLoginInButton();
+      await tester.expectToSeeHomePageWithGetStartedPage();
+
+      // open getting started page
+      await tester.openPage(Constants.gettingStartedPageName);
+      await tester.editor.copyLinkToBlock([0]);
+
+      // create a new page and paste it
+      const pageName = 'copy link to block';
+      await tester.createNewPageInSpace(
+        spaceName: Constants.generalSpaceName,
+        layout: ViewLayoutPB.Document,
+        pageName: pageName,
+      );
+
+      // paste the link to the new page
+      await tester.editor.tapLineOfEditorAt(0);
+      await tester.editor.paste();
+      await tester.pumpAndSettle();
+
+      // check the content of the block
+      final node = tester.editor.getNodeAtPath([0]);
+      final delta = node.delta!;
+      final insert = (delta.first as TextInsert).text;
+      final attributes = delta.first.attributes;
+      expect(insert, MentionBlockKeys.mentionChar);
+      final mention =
+          attributes?[MentionBlockKeys.mention] as Map<String, dynamic>;
+      expect(mention[MentionBlockKeys.type], MentionType.page.name);
+      expect(mention[MentionBlockKeys.blockId], isNotNull);
+      expect(mention[MentionBlockKeys.pageId], isNotNull);
+      expect(
+        find.descendant(
+          of: find.byType(AppFlowyEditor),
+          matching: find.textContaining(
+            Constants.gettingStartedPageName,
+            findRichText: true,
+          ),
+        ),
+        findsOneWidget,
+      );
+      expect(
+        find.descendant(
+          of: find.byType(AppFlowyEditor),
+          matching: find.textContaining(
+            // the pasted block content is 'Welcome to AppFlowy'
+            'Welcome to AppFlowy',
+            findRichText: true,
+          ),
+        ),
+        findsOneWidget,
+      );
+
+      // tap the mention block to jump to the page
+      await tester.tapButton(find.byType(MentionPageBlock));
+      await tester.pumpAndSettle();
+
+      // expect to go to the getting started page
+      final documentPage = find.byType(DocumentPage);
+      expect(documentPage, findsOneWidget);
+      expect(
+        tester.widget<DocumentPage>(documentPage).view.name,
+        Constants.gettingStartedPageName,
+      );
+      // and the block is selected
+      expect(
+        tester.widget<DocumentPage>(documentPage).initialBlockId,
+        mention[MentionBlockKeys.blockId],
+      );
+      expect(
+        tester.editor.getCurrentEditorState().selection,
+        Selection.collapsed(
+          Position(
+            path: [0],
+          ),
+        ),
+      );
+    });
+
+    testWidgets('copy link to block(same page) and paste it in doc',
+        (tester) async {
+      await tester.initializeAppFlowy(
+        cloudType: AuthenticatorType.appflowyCloudSelfHost,
+      );
+      await tester.tapGoogleLoginInButton();
+      await tester.expectToSeeHomePageWithGetStartedPage();
+
+      // create a new page and paste it
+      const pageName = 'copy link to block';
+      await tester.createNewPageInSpace(
+        spaceName: Constants.generalSpaceName,
+        layout: ViewLayoutPB.Document,
+        pageName: pageName,
+      );
+
+      // copy the link to block from the first line
+      const inputText = 'Hello World';
+      await tester.editor.tapLineOfEditorAt(0);
+      await tester.ime.insertText(inputText);
+      await tester.ime.insertCharacter('\n');
+      await tester.pumpAndSettle();
+      await tester.editor.copyLinkToBlock([0]);
+
+      // paste the link to the second line
+      await tester.editor.tapLineOfEditorAt(1);
+      await tester.editor.paste();
+      await tester.pumpAndSettle();
+
+      // check the content of the block
+      final node = tester.editor.getNodeAtPath([1]);
+      final delta = node.delta!;
+      final insert = (delta.first as TextInsert).text;
+      final attributes = delta.first.attributes;
+      expect(insert, MentionBlockKeys.mentionChar);
+      final mention =
+          attributes?[MentionBlockKeys.mention] as Map<String, dynamic>;
+      expect(mention[MentionBlockKeys.type], MentionType.page.name);
+      expect(mention[MentionBlockKeys.blockId], isNotNull);
+      expect(mention[MentionBlockKeys.pageId], isNotNull);
+      expect(
+        find.descendant(
+          of: find.byType(AppFlowyEditor),
+          matching: find.textContaining(
+            inputText,
+            findRichText: true,
+          ),
+        ),
+        findsNWidgets(2),
+      );
+
+      // edit the pasted block
+      await tester.editor.tapLineOfEditorAt(0);
+      await tester.ime.insertText('!');
+      await tester.pumpAndSettle();
+
+      // check the content of the block
+      expect(
+        find.descendant(
+          of: find.byType(AppFlowyEditor),
+          matching: find.textContaining(
+            '$inputText!',
+            findRichText: true,
+          ),
+        ),
+        findsNWidgets(2),
+      );
+
+      // tap the mention block
+      await tester.tapButton(find.byType(MentionPageBlock));
+      expect(
+        tester.editor.getCurrentEditorState().selection,
+        Selection.collapsed(
+          Position(
+            path: [0],
+          ),
+        ),
+      );
+    });
+
+    testWidgets('''1. copy link to block from another page
+    2. paste the link to the new page
+    3. delete the original page
+    4. check the content of the block, it should be no access to the page
+        ''', (tester) async {
+      await tester.initializeAppFlowy(
+        cloudType: AuthenticatorType.appflowyCloudSelfHost,
+      );
+      await tester.tapGoogleLoginInButton();
+      await tester.expectToSeeHomePageWithGetStartedPage();
+
+      // open getting started page
+      await tester.openPage(Constants.gettingStartedPageName);
+      await tester.editor.copyLinkToBlock([0]);
+
+      // create a new page and paste it
+      const pageName = 'copy link to block';
+      await tester.createNewPageInSpace(
+        spaceName: Constants.generalSpaceName,
+        layout: ViewLayoutPB.Document,
+        pageName: pageName,
+      );
+
+      // paste the link to the new page
+      await tester.editor.tapLineOfEditorAt(0);
+      await tester.editor.paste();
+      await tester.pumpAndSettle();
+
+      // tap the mention block to jump to the page
+      await tester.tapButton(find.byType(MentionPageBlock));
+      await tester.pumpAndSettle();
+
+      // expect to go to the getting started page
+      final documentPage = find.byType(DocumentPage);
+      expect(documentPage, findsOneWidget);
+      expect(
+        tester.widget<DocumentPage>(documentPage).view.name,
+        Constants.gettingStartedPageName,
+      );
+      // delete the getting started page
+      await tester.hoverOnPageName(
+        Constants.gettingStartedPageName,
+        onHover: () async => tester.tapDeletePageButton(),
+      );
+      tester.expectToSeeDocumentBanner();
+      tester.expectNotToSeePageName(gettingStarted);
+
+      // delete the page permanently
+      await tester.tapDeletePermanentlyButton();
+
+      // go back the page
+      await tester.openPage(pageName);
+      await tester.pumpAndSettle();
+
+      // check the content of the block
+      // it should be no access to the page
+      expect(
+        find.descendant(
+          of: find.byType(AppFlowyEditor),
+          matching: find.findTextInFlowyText(
+            LocaleKeys.document_mention_noAccess.tr(),
+          ),
+        ),
+        findsOneWidget,
+      );
+    });
+  });
+}

frontend/appflowy_flutter/integration_test/desktop/cloud/document/document_option_actions_test.dart

@@ -1,15 +1,19 @@
 import 'package:appflowy/env/cloud_env.dart';
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/actions/drag_to_reorder/draggable_option_button.dart';
+import 'package:appflowy_editor/appflowy_editor.dart';
+import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
 
-import '../../shared/constants.dart';
-import '../../shared/util.dart';
+import '../../../shared/constants.dart';
+import '../../../shared/util.dart';
 
 void main() {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();
 
-  group('document drag block: ', () {
+  group('document option actions:', () {
     testWidgets('drag block to the top', (tester) async {
       await tester.initializeAppFlowy(
         cloudType: AuthenticatorType.appflowyCloudSelfHost,
@@ -63,5 +67,48 @@ void main() {
       final afterMoveBlock = tester.editor.getNodeAtPath([9, 0]);
       expect(afterMoveBlock.delta, beforeMoveBlock.delta);
     });
+
+    testWidgets('hover on the block and delete it', (tester) async {
+      await tester.initializeAppFlowy(
+        cloudType: AuthenticatorType.appflowyCloudSelfHost,
+      );
+      await tester.tapGoogleLoginInButton();
+      await tester.expectToSeeHomePageWithGetStartedPage();
+
+      // open getting started page
+      await tester.openPage(Constants.gettingStartedPageName);
+
+      // before delete
+      final path = [1];
+      final beforeDeletedBlock = tester.editor.getNodeAtPath(path);
+
+      // hover on the block and delete it
+      final optionButton = find.byWidgetPredicate(
+        (widget) =>
+            widget is DraggableOptionButton &&
+            widget.blockComponentContext.node.path.equals(path),
+      );
+
+      await tester.hoverOnWidget(
+        optionButton,
+        onHover: () async {
+          // click the delete button
+          await tester.tapButton(optionButton);
+        },
+      );
+      await tester.pumpAndSettle(Durations.short1);
+
+      // click the delete button
+      final deleteButton =
+          find.findTextInFlowyText(LocaleKeys.button_delete.tr());
+      await tester.tapButton(deleteButton);
+
+      // wait for the deletion
+      await tester.pumpAndSettle(Durations.short1);
+
+      // check if the block is deleted
+      final afterDeletedBlock = tester.editor.getNodeAtPath([1]);
+      expect(afterDeletedBlock.id, isNot(equals(beforeDeletedBlock.id)));
+    });
   });
 }

frontend/appflowy_flutter/integration_test/desktop/cloud/document/document_publish_test.dart

@@ -0,0 +1,157 @@
+// ignore_for_file: unused_import
+
+import 'package:appflowy/env/cloud_env.dart';
+import 'package:appflowy/generated/flowy_svgs.g.dart';
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/copy_and_paste/clipboard_service.dart';
+import 'package:appflowy/plugins/shared/share/constants.dart';
+import 'package:appflowy/plugins/shared/share/publish_tab.dart';
+import 'package:appflowy/plugins/shared/share/share_menu.dart';
+import 'package:appflowy/shared/feature_flags.dart';
+import 'package:appflowy/shared/patterns/common_patterns.dart';
+import 'package:appflowy/startup/startup.dart';
+import 'package:appflowy/user/application/auth/af_cloud_mock_auth_service.dart';
+import 'package:appflowy/user/application/auth/auth_service.dart';
+import 'package:appflowy/workspace/application/settings/prelude.dart';
+import 'package:appflowy/workspace/presentation/home/menu/sidebar/workspace/_sidebar_workspace_icon.dart';
+import 'package:appflowy/workspace/presentation/settings/widgets/setting_appflowy_cloud.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flowy_infra/uuid.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+import 'package:path/path.dart' as p;
+
+import '../../../shared/constants.dart';
+import '../../../shared/mock/mock_file_picker.dart';
+import '../../../shared/util.dart';
+import '../../../shared/workspace.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('Publish:', () {
+    testWidgets('publish document', (tester) async {
+      await tester.initializeAppFlowy(
+        cloudType: AuthenticatorType.appflowyCloudSelfHost,
+      );
+      await tester.tapGoogleLoginInButton();
+      await tester.expectToSeeHomePageWithGetStartedPage();
+
+      const pageName = 'Document';
+
+      await tester.createNewPageInSpace(
+        spaceName: Constants.generalSpaceName,
+        layout: ViewLayoutPB.Document,
+        pageName: pageName,
+      );
+
+      // open the publish menu
+      await tester.openPublishMenu();
+
+      // publish the document
+      final publishButton = find.byType(PublishButton);
+      final unpublishButton = find.byType(UnPublishButton);
+      await tester.tapButton(publishButton);
+
+      // expect to see unpublish, visit site and manage all sites button
+      expect(unpublishButton, findsOneWidget);
+      expect(find.text(LocaleKeys.shareAction_visitSite.tr()), findsOneWidget);
+
+      // unpublish the document
+      await tester.tapButton(unpublishButton);
+
+      // expect to see publish button
+      expect(publishButton, findsOneWidget);
+    });
+
+    testWidgets('rename path name', (tester) async {
+      await tester.initializeAppFlowy(
+        cloudType: AuthenticatorType.appflowyCloudSelfHost,
+      );
+      await tester.tapGoogleLoginInButton();
+      await tester.expectToSeeHomePageWithGetStartedPage();
+
+      const pageName = 'Document';
+
+      await tester.createNewPageInSpace(
+        spaceName: Constants.generalSpaceName,
+        layout: ViewLayoutPB.Document,
+        pageName: pageName,
+      );
+
+      // open the publish menu
+      await tester.openPublishMenu();
+
+      // publish the document
+      final publishButton = find.byType(PublishButton);
+      await tester.tapButton(publishButton);
+
+      // rename the path name
+      final inputField = find.descendant(
+        of: find.byType(ShareMenu),
+        matching: find.byType(TextField),
+      );
+
+      // rename with invalid name
+      await tester.tap(inputField);
+      await tester.enterText(inputField, '&&&&????');
+      await tester.tapButton(find.text(LocaleKeys.button_save.tr()));
+      await tester.pumpAndSettle();
+
+      // expect to see the toast with error message
+      final errorToast1 = find.text(
+        LocaleKeys.settings_sites_error_publishNameContainsInvalidCharacters
+            .tr(),
+      );
+      await tester.pumpUntilFound(errorToast1);
+      await tester.pumpUntilNotFound(errorToast1);
+
+      // rename with long name
+      await tester.tap(inputField);
+      await tester.enterText(inputField, 'long-path-name' * 200);
+      await tester.tapButton(find.text(LocaleKeys.button_save.tr()));
+      await tester.pumpAndSettle();
+
+      // expect to see the toast with error message
+      final errorToast2 = find.text(
+        LocaleKeys.settings_sites_error_publishNameTooLong.tr(),
+      );
+      await tester.pumpUntilFound(errorToast2);
+      await tester.pumpUntilNotFound(errorToast2);
+
+      await tester.tap(inputField);
+
+      // input the new path name
+      await tester.enterText(inputField, 'new-path-name');
+      // click save button
+      await tester.tapButton(find.text(LocaleKeys.button_save.tr()));
+      await tester.pumpAndSettle();
+
+      // expect to see the toast with success message
+      final successToast = find.text(
+        LocaleKeys.settings_sites_success_updatePathNameSuccess.tr(),
+      );
+      await tester.pumpUntilFound(successToast);
+      await tester.pumpUntilNotFound(successToast);
+
+      // click the copy link button
+      await tester.tapButton(
+        find.byWidgetPredicate(
+          (widget) =>
+              widget is FlowySvg &&
+              widget.svg.path == FlowySvgs.m_toolbar_link_m.path,
+        ),
+      );
+      await tester.pumpAndSettle();
+      // check the clipboard has the link
+      final content = await Clipboard.getData(Clipboard.kTextPlain);
+      expect(
+        content?.text?.contains('new-path-name'),
+        isTrue,
+      );
+    });
+  });
+}

frontend/appflowy_flutter/integration_test/desktop/cloud/document/document_test_runner.dart

@@ -0,0 +1,14 @@
+import 'package:integration_test/integration_test.dart';
+
+import 'document_copy_link_to_block_test.dart'
+    as document_copy_link_to_block_test;
+import 'document_option_actions_test.dart' as document_option_actions_test;
+import 'document_publish_test.dart' as document_publish_test;
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  document_option_actions_test.main();
+  document_copy_link_to_block_test.main();
+  document_publish_test.main();
+}

frontend/appflowy_flutter/integration_test/desktop/cloud/set_env.dart

@@ -2,7 +2,7 @@ import 'package:appflowy/env/cloud_env.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
 
-import '../shared/util.dart';
+import '../../shared/util.dart';
 
 // This test is meaningless, just for preventing the CI from failing.
 void main() {

frontend/appflowy_flutter/integration_test/desktop/cloud/sidebar/sidebar_move_page_test.dart

@@ -18,18 +18,19 @@ import 'package:appflowy/workspace/presentation/widgets/user_avatar.dart';
 import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flowy_infra/uuid.dart';
+import 'package:flutter/gestures.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
 import 'package:path/path.dart' as p;
 import 'package:universal_platform/universal_platform.dart';
 
-import '../../shared/constants.dart';
-import '../../shared/database_test_op.dart';
-import '../../shared/dir.dart';
-import '../../shared/emoji.dart';
-import '../../shared/mock/mock_file_picker.dart';
-import '../../shared/util.dart';
+import '../../../shared/constants.dart';
+import '../../../shared/database_test_op.dart';
+import '../../../shared/dir.dart';
+import '../../../shared/emoji.dart';
+import '../../../shared/mock/mock_file_picker.dart';
+import '../../../shared/util.dart';
 
 void main() {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();
@@ -92,6 +93,14 @@ void main() {
         await tester.pumpAndSettle();
       }
 
+      // Attempt right-click on the page name and expect not to see
+      await tester.tap(gettingStarted.last, buttons: kSecondaryButton);
+      await tester.pumpAndSettle();
+      expect(
+        find.text(LocaleKeys.disclosureAction_moveTo.tr()),
+        findsOneWidget,
+      );
+
       // move the current page to Getting started
       await tester.tapButton(
         gettingStarted.last,

frontend/appflowy_flutter/integration_test/desktop/cloud/uncategorized/appflowy_cloud_auth_test.dart

@@ -15,8 +15,8 @@ import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
 import 'package:path/path.dart' as p;
 
-import '../shared/mock/mock_file_picker.dart';
-import '../shared/util.dart';
+import '../../../shared/mock/mock_file_picker.dart';
+import '../../../shared/util.dart';
 
 void main() {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();

frontend/appflowy_flutter/integration_test/desktop/cloud/uncategorized/document_sync_test.dart

@@ -17,9 +17,9 @@ import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
 import 'package:path/path.dart' as p;
 
-import '../shared/dir.dart';
-import '../shared/mock/mock_file_picker.dart';
-import '../shared/util.dart';
+import '../../../shared/dir.dart';
+import '../../../shared/mock/mock_file_picker.dart';
+import '../../../shared/util.dart';
 
 void main() {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();

frontend/appflowy_flutter/integration_test/desktop/cloud/uncategorized/uncategorized_test_runner.dart

@@ -0,0 +1,7 @@
+import 'appflowy_cloud_auth_test.dart' as appflowy_cloud_auth_test;
+import 'user_setting_sync_test.dart' as user_sync_test;
+
+void main() async {
+  appflowy_cloud_auth_test.main();
+  user_sync_test.main();
+}

frontend/appflowy_flutter/integration_test/desktop/cloud/uncategorized/user_setting_sync_test.dart

@@ -22,12 +22,12 @@ import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
 import 'package:path/path.dart' as p;
 
-import '../desktop/board/board_hide_groups_test.dart';
-import '../shared/database_test_op.dart';
-import '../shared/dir.dart';
-import '../shared/emoji.dart';
-import '../shared/mock/mock_file_picker.dart';
-import '../shared/util.dart';
+import '../../../shared/database_test_op.dart';
+import '../../../shared/dir.dart';
+import '../../../shared/emoji.dart';
+import '../../../shared/mock/mock_file_picker.dart';
+import '../../../shared/util.dart';
+import '../../board/board_hide_groups_test.dart';
 
 void main() {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();

frontend/appflowy_flutter/integration_test/desktop/cloud/workspace/change_name_and_icon_test.dart

@@ -15,9 +15,9 @@ import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
 import 'package:path/path.dart' as p;
 
-import '../../shared/mock/mock_file_picker.dart';
-import '../../shared/util.dart';
-import '../../shared/workspace.dart';
+import '../../../shared/mock/mock_file_picker.dart';
+import '../../../shared/util.dart';
+import '../../../shared/workspace.dart';
 
 void main() {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();

frontend/appflowy_flutter/integration_test/desktop/cloud/workspace/collaborative_workspace_test.dart

@@ -23,11 +23,11 @@ import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
 import 'package:path/path.dart' as p;
 
-import '../../shared/database_test_op.dart';
-import '../../shared/dir.dart';
-import '../../shared/emoji.dart';
-import '../../shared/mock/mock_file_picker.dart';
-import '../../shared/util.dart';
+import '../../../shared/database_test_op.dart';
+import '../../../shared/dir.dart';
+import '../../../shared/emoji.dart';
+import '../../../shared/mock/mock_file_picker.dart';
+import '../../../shared/util.dart';
 
 void main() {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();

frontend/appflowy_flutter/integration_test/desktop/cloud/workspace/share_menu_test.dart

@@ -0,0 +1,77 @@
+// ignore_for_file: unused_import
+
+import 'package:appflowy/env/cloud_env.dart';
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/copy_and_paste/clipboard_service.dart';
+import 'package:appflowy/plugins/shared/share/constants.dart';
+import 'package:appflowy/plugins/shared/share/share_menu.dart';
+import 'package:appflowy/shared/feature_flags.dart';
+import 'package:appflowy/shared/patterns/common_patterns.dart';
+import 'package:appflowy/startup/startup.dart';
+import 'package:appflowy/user/application/auth/af_cloud_mock_auth_service.dart';
+import 'package:appflowy/user/application/auth/auth_service.dart';
+import 'package:appflowy/workspace/application/settings/prelude.dart';
+import 'package:appflowy/workspace/presentation/home/menu/sidebar/workspace/_sidebar_workspace_icon.dart';
+import 'package:appflowy/workspace/presentation/settings/widgets/setting_appflowy_cloud.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flowy_infra/uuid.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+import 'package:path/path.dart' as p;
+
+import '../../../shared/constants.dart';
+import '../../../shared/mock/mock_file_picker.dart';
+import '../../../shared/util.dart';
+import '../../../shared/workspace.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('Share menu:', () {
+    testWidgets('share tab', (tester) async {
+      await tester.initializeAppFlowy(
+        cloudType: AuthenticatorType.appflowyCloudSelfHost,
+      );
+      await tester.tapGoogleLoginInButton();
+      await tester.expectToSeeHomePageWithGetStartedPage();
+
+      const pageName = 'Document';
+
+      await tester.createNewPageInSpace(
+        spaceName: Constants.generalSpaceName,
+        layout: ViewLayoutPB.Document,
+        pageName: pageName,
+      );
+
+      // click the share button
+      await tester.tapShareButton();
+
+      // expect the share menu is shown
+      final shareMenu = find.byType(ShareMenu);
+      expect(shareMenu, findsOneWidget);
+
+      // click the copy link button
+      final copyLinkButton = find.textContaining(
+        LocaleKeys.button_copyLink.tr(),
+      );
+      await tester.tapButton(copyLinkButton);
+
+      // read the clipboard content
+      final clipboardContent = await getIt<ClipboardService>().getData();
+      final plainText = clipboardContent.plainText;
+      expect(
+        plainText,
+        matches(appflowySharePageLinkPattern),
+      );
+
+      final shareValues = plainText!
+          .replaceAll('https://${ShareConstants.shareBaseUrl}/', '')
+          .split('/');
+      final workspaceId = shareValues[0];
+      expect(workspaceId, isNotEmpty);
+      final pageId = shareValues[1];
+      expect(pageId, isNotEmpty);
+    });
+  });
+}

frontend/appflowy_flutter/integration_test/desktop/cloud/workspace/workspace_icon_test.dart

@@ -0,0 +1,68 @@
+// ignore_for_file: unused_import
+
+import 'dart:io';
+
+import 'package:appflowy/env/cloud_env.dart';
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/openai/widgets/loading.dart';
+import 'package:appflowy/shared/feature_flags.dart';
+import 'package:appflowy/startup/startup.dart';
+import 'package:appflowy/user/application/auth/af_cloud_mock_auth_service.dart';
+import 'package:appflowy/user/application/auth/auth_service.dart';
+import 'package:appflowy/workspace/application/settings/prelude.dart';
+import 'package:appflowy/workspace/presentation/home/menu/sidebar/workspace/_sidebar_workspace_actions.dart';
+import 'package:appflowy/workspace/presentation/home/menu/sidebar/workspace/_sidebar_workspace_icon.dart';
+import 'package:appflowy/workspace/presentation/home/menu/sidebar/workspace/_sidebar_workspace_menu.dart';
+import 'package:appflowy/workspace/presentation/home/menu/sidebar/workspace/sidebar_workspace.dart';
+import 'package:appflowy/workspace/presentation/settings/widgets/setting_appflowy_cloud.dart';
+import 'package:appflowy/workspace/presentation/widgets/user_avatar.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flowy_infra/uuid.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+import 'package:path/path.dart' as p;
+import 'package:universal_platform/universal_platform.dart';
+
+import '../../../shared/constants.dart';
+import '../../../shared/database_test_op.dart';
+import '../../../shared/dir.dart';
+import '../../../shared/emoji.dart';
+import '../../../shared/mock/mock_file_picker.dart';
+import '../../../shared/util.dart';
+import '../../../shared/workspace.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('workspace icon:', () {
+    testWidgets('remove icon from workspace', (tester) async {
+      await tester.initializeAppFlowy(
+        cloudType: AuthenticatorType.appflowyCloudSelfHost,
+      );
+      await tester.tapGoogleLoginInButton();
+      await tester.expectToSeeHomePageWithGetStartedPage();
+
+      await tester.openWorkspaceMenu();
+
+      // click the workspace icon
+      await tester.tapButton(
+        find.descendant(
+          of: find.byType(WorkspaceMenuItem),
+          matching: find.byType(WorkspaceIcon),
+        ),
+      );
+      // click the remove icon button
+      await tester.tapButton(
+        find.text(LocaleKeys.button_remove.tr()),
+      );
+
+      // nothing should happen
+      expect(
+        find.text(LocaleKeys.workspace_updateIconSuccess.tr()),
+        findsNothing,
+      );
+    });
+  });
+}

frontend/appflowy_flutter/integration_test/desktop/cloud/workspace/workspace_settings_test.dart

@@ -0,0 +1,368 @@
+// ignore_for_file: unused_import
+
+import 'dart:io';
+
+import 'package:appflowy/env/cloud_env.dart';
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/copy_and_paste/clipboard_service.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/openai/widgets/loading.dart';
+import 'package:appflowy/plugins/document/presentation/editor_style.dart';
+import 'package:appflowy/plugins/shared/share/publish_tab.dart';
+import 'package:appflowy/shared/feature_flags.dart';
+import 'package:appflowy/startup/startup.dart';
+import 'package:appflowy/user/application/auth/af_cloud_mock_auth_service.dart';
+import 'package:appflowy/user/application/auth/auth_service.dart';
+import 'package:appflowy/workspace/application/settings/prelude.dart';
+import 'package:appflowy/workspace/presentation/home/menu/sidebar/workspace/_sidebar_workspace_actions.dart';
+import 'package:appflowy/workspace/presentation/home/menu/sidebar/workspace/_sidebar_workspace_menu.dart';
+import 'package:appflowy/workspace/presentation/home/menu/sidebar/workspace/sidebar_workspace.dart';
+import 'package:appflowy/workspace/presentation/settings/pages/settings_workspace_view.dart';
+import 'package:appflowy/workspace/presentation/settings/pages/sites/domain/domain_item.dart';
+import 'package:appflowy/workspace/presentation/settings/pages/sites/domain/domain_more_action.dart';
+import 'package:appflowy/workspace/presentation/settings/pages/sites/domain/domain_settings_dialog.dart';
+import 'package:appflowy/workspace/presentation/settings/pages/sites/domain/home_page_menu.dart';
+import 'package:appflowy/workspace/presentation/settings/pages/sites/published_page/published_view_item.dart';
+import 'package:appflowy/workspace/presentation/settings/pages/sites/published_page/published_view_more_action.dart';
+import 'package:appflowy/workspace/presentation/settings/pages/sites/published_page/published_view_settings_dialog.dart';
+import 'package:appflowy/workspace/presentation/settings/shared/setting_list_tile.dart';
+import 'package:appflowy/workspace/presentation/settings/widgets/setting_appflowy_cloud.dart';
+import 'package:appflowy/workspace/presentation/widgets/user_avatar.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flowy_infra/uuid.dart';
+import 'package:flowy_infra_ui/flowy_infra_ui.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+import 'package:path/path.dart' as p;
+
+import '../../../shared/constants.dart';
+import '../../../shared/database_test_op.dart';
+import '../../../shared/dir.dart';
+import '../../../shared/emoji.dart';
+import '../../../shared/mock/mock_file_picker.dart';
+import '../../../shared/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('workspace settings: ', () {
+    testWidgets(
+      'change document width',
+      (tester) async {
+        await tester.initializeAppFlowy(
+          cloudType: AuthenticatorType.appflowyCloudSelfHost,
+        );
+        await tester.tapGoogleLoginInButton();
+        await tester.expectToSeeHomePageWithGetStartedPage();
+
+        await tester.openSettings();
+        await tester.openSettingsPage(SettingsPage.workspace);
+
+        final documentWidthSettings = find.findTextInFlowyText(
+          LocaleKeys.settings_appearance_documentSettings_width.tr(),
+        );
+
+        final scrollable = find.ancestor(
+          of: find.byType(SettingsWorkspaceView),
+          matching: find.descendant(
+            of: find.byType(SingleChildScrollView),
+            matching: find.byType(Scrollable),
+          ),
+        );
+
+        await tester.scrollUntilVisible(
+          documentWidthSettings,
+          0,
+          scrollable: scrollable,
+        );
+        await tester.pumpAndSettle();
+
+        // change the document width
+        final slider = find.byType(Slider);
+        final oldValue = tester.widget<Slider>(slider).value;
+        await tester.drag(slider, const Offset(-100, 0));
+        await tester.pumpAndSettle();
+
+        // check the document width is changed
+        expect(tester.widget<Slider>(slider).value, lessThan(oldValue));
+
+        // click the reset button
+        final resetButton = find.descendant(
+          of: find.byType(DocumentPaddingSetting),
+          matching: find.byType(SettingsResetButton),
+        );
+        await tester.tap(resetButton);
+        await tester.pumpAndSettle();
+
+        // check the document width is reset
+        expect(
+          tester.widget<Slider>(slider).value,
+          EditorStyleCustomizer.maxDocumentWidth,
+        );
+      },
+    );
+  });
+
+  group('sites settings:', () {
+    testWidgets(
+        'manage published page, set it as homepage, remove the homepage',
+        (tester) async {
+      await tester.initializeAppFlowy(
+        cloudType: AuthenticatorType.appflowyCloudSelfHost,
+      );
+      await tester.tapGoogleLoginInButton();
+      await tester.expectToSeeHomePageWithGetStartedPage();
+
+      const pageName = 'Document';
+
+      await tester.createNewPageInSpace(
+        spaceName: Constants.generalSpaceName,
+        layout: ViewLayoutPB.Document,
+        pageName: pageName,
+      );
+
+      // open the publish menu
+      await tester.openPublishMenu();
+
+      // publish the document
+      await tester.tapButton(find.byType(PublishButton));
+
+      // click empty area to close the publish menu
+      await tester.tapAt(Offset.zero);
+      await tester.pumpAndSettle();
+      // check if the page is published in sites page
+      await tester.openSettings();
+      await tester.openSettingsPage(SettingsPage.sites);
+      // wait the backend return the sites data
+      await tester.wait(1000);
+
+      // check if the page is published in sites page
+      final pageItem = find.byWidgetPredicate(
+        (widget) =>
+            widget is PublishedViewItem &&
+            widget.publishInfoView.view.name == pageName,
+      );
+      expect(pageItem, findsOneWidget);
+
+      // comment it out because it's not allowed to update the namespace in free plan
+      // // set it to homepage
+      // await tester.tapButton(
+      //   find.textContaining(
+      //     LocaleKeys.settings_sites_selectHomePage.tr(),
+      //   ),
+      // );
+      // await tester.tapButton(
+      //   find.descendant(
+      //     of: find.byType(SelectHomePageMenu),
+      //     matching: find.text(pageName),
+      //   ),
+      // );
+      // await tester.pumpAndSettle();
+
+      // // check if the page is set to homepage
+      // final homePageItem = find.descendant(
+      //   of: find.byType(DomainItem),
+      //   matching: find.text(pageName),
+      // );
+      // expect(homePageItem, findsOneWidget);
+
+      // // remove the homepage
+      // await tester.tapButton(find.byType(DomainMoreAction));
+      // await tester.tapButton(
+      //   find.text(LocaleKeys.settings_sites_removeHomepage.tr()),
+      // );
+      // await tester.pumpAndSettle();
+
+      // // check if the page is removed from homepage
+      // expect(homePageItem, findsNothing);
+    });
+
+    testWidgets('update namespace', (tester) async {
+      await tester.initializeAppFlowy(
+        cloudType: AuthenticatorType.appflowyCloudSelfHost,
+      );
+      await tester.tapGoogleLoginInButton();
+      await tester.expectToSeeHomePageWithGetStartedPage();
+
+      // check if the page is published in sites page
+      await tester.openSettings();
+      await tester.openSettingsPage(SettingsPage.sites);
+      // wait the backend return the sites data
+      await tester.wait(1000);
+
+      // update the domain
+      final domainMoreAction = find.byType(DomainMoreAction);
+      await tester.tapButton(domainMoreAction);
+      final updateNamespaceButton = find.text(
+        LocaleKeys.settings_sites_updateNamespace.tr(),
+      );
+      await tester.pumpUntilFound(updateNamespaceButton);
+
+      // click the update namespace button
+
+      await tester.tapButton(updateNamespaceButton);
+
+      // comment it out because it's not allowed to update the namespace in free plan
+      // expect to see the dialog
+      // await tester.updateNamespace('&&&???');
+
+      // // need to upgrade to pro plan to update the namespace
+      // final errorToast = find.text(
+      //   LocaleKeys.settings_sites_error_proPlanLimitation.tr(),
+      // );
+      // await tester.pumpUntilFound(errorToast);
+      // expect(errorToast, findsOneWidget);
+      // await tester.pumpUntilNotFound(errorToast);
+
+      // comment it out because it's not allowed to update the namespace in free plan
+      // // short namespace
+      // await tester.updateNamespace('a');
+
+      // // expect to see the toast with error message
+      // final errorToast2 = find.text(
+      //   LocaleKeys.settings_sites_error_namespaceTooShort.tr(),
+      // );
+      // await tester.pumpUntilFound(errorToast2);
+      // expect(errorToast2, findsOneWidget);
+      // await tester.pumpUntilNotFound(errorToast2);
+      // // valid namespace
+      // await tester.updateNamespace('AppFlowy');
+
+      // // expect to see the toast with success message
+      // final successToast = find.text(
+      //   LocaleKeys.settings_sites_success_namespaceUpdated.tr(),
+      // );
+      // await tester.pumpUntilFound(successToast);
+      // expect(successToast, findsOneWidget);
+    });
+
+    testWidgets('''
+More actions for published page:
+1. visit site
+2. copy link
+3. settings
+4. unpublish
+5. custom url
+''', (tester) async {
+      await tester.initializeAppFlowy(
+        cloudType: AuthenticatorType.appflowyCloudSelfHost,
+      );
+      await tester.tapGoogleLoginInButton();
+      await tester.expectToSeeHomePageWithGetStartedPage();
+
+      const pageName = 'Document';
+
+      await tester.createNewPageInSpace(
+        spaceName: Constants.generalSpaceName,
+        layout: ViewLayoutPB.Document,
+        pageName: pageName,
+      );
+
+      // open the publish menu
+      await tester.openPublishMenu();
+
+      // publish the document
+      await tester.tapButton(find.byType(PublishButton));
+
+      // click empty area to close the publish menu
+      await tester.tapAt(Offset.zero);
+      await tester.pumpAndSettle();
+      // check if the page is published in sites page
+      await tester.openSettings();
+      await tester.openSettingsPage(SettingsPage.sites);
+      // wait the backend return the sites data
+      await tester.wait(1000);
+
+      // check if the page is published in sites page
+      final pageItem = find.byWidgetPredicate(
+        (widget) =>
+            widget is PublishedViewItem &&
+            widget.publishInfoView.view.name == pageName,
+      );
+      expect(pageItem, findsOneWidget);
+
+      final copyLinkItem = find.text(LocaleKeys.shareAction_copyLink.tr());
+      final customUrlItem = find.text(LocaleKeys.settings_sites_customUrl.tr());
+      final unpublishItem = find.text(LocaleKeys.shareAction_unPublish.tr());
+
+      // custom url
+      final publishMoreAction = find.byType(PublishedViewMoreAction);
+
+      // click the copy link button
+      {
+        await tester.tapButton(publishMoreAction);
+        await tester.pumpAndSettle();
+        await tester.pumpUntilFound(copyLinkItem);
+        await tester.tapButton(copyLinkItem);
+        await tester.pumpAndSettle();
+        await tester.pumpUntilNotFound(copyLinkItem);
+
+        final clipboardContent = await getIt<ClipboardService>().getData();
+        final plainText = clipboardContent.plainText;
+        expect(
+          plainText,
+          contains(pageName),
+        );
+      }
+
+      // custom url
+      {
+        await tester.tapButton(publishMoreAction);
+        await tester.pumpAndSettle();
+        await tester.pumpUntilFound(customUrlItem);
+        await tester.tapButton(customUrlItem);
+        await tester.pumpAndSettle();
+        await tester.pumpUntilNotFound(customUrlItem);
+
+        // see the custom url dialog
+        final customUrlDialog = find.byType(PublishedViewSettingsDialog);
+        expect(customUrlDialog, findsOneWidget);
+
+        // rename the custom url
+        final textField = find.descendant(
+          of: customUrlDialog,
+          matching: find.byType(TextField),
+        );
+        await tester.enterText(textField, 'hello-world');
+        await tester.pumpAndSettle();
+
+        // click the save button
+        final saveButton = find.descendant(
+          of: customUrlDialog,
+          matching: find.text(LocaleKeys.button_save.tr()),
+        );
+        await tester.tapButton(saveButton);
+        await tester.pumpAndSettle();
+
+        // expect to see the toast with success message
+        final successToast = find.text(
+          LocaleKeys.settings_sites_success_updatePathNameSuccess.tr(),
+        );
+        await tester.pumpUntilFound(successToast);
+        expect(successToast, findsOneWidget);
+      }
+
+      // unpublish
+      {
+        await tester.tapButton(publishMoreAction);
+        await tester.pumpAndSettle();
+        await tester.pumpUntilFound(unpublishItem);
+        await tester.tapButton(unpublishItem);
+        await tester.pumpAndSettle();
+        await tester.pumpUntilNotFound(unpublishItem);
+
+        // expect to see the toast with success message
+        final successToast = find.text(
+          LocaleKeys.publish_unpublishSuccessfully.tr(),
+        );
+        await tester.pumpUntilFound(successToast);
+        expect(successToast, findsOneWidget);
+        await tester.pumpUntilNotFound(successToast);
+
+        // check if the page is unpublished in sites page
+        expect(pageItem, findsNothing);
+      }
+    });
+  });
+}

frontend/appflowy_flutter/integration_test/desktop/cloud/workspace/workspace_test_runner.dart

@@ -0,0 +1,17 @@
+import 'package:integration_test/integration_test.dart';
+
+import 'change_name_and_icon_test.dart' as change_name_and_icon_test;
+import 'collaborative_workspace_test.dart' as collaborative_workspace_test;
+import 'share_menu_test.dart' as share_menu_test;
+import 'workspace_icon_test.dart' as workspace_icon_test;
+import 'workspace_settings_test.dart' as workspace_settings_test;
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  workspace_settings_test.main();
+  share_menu_test.main();
+  collaborative_workspace_test.main();
+  change_name_and_icon_test.main();
+  workspace_icon_test.main();
+}

frontend/appflowy_flutter/integration_test/desktop/database/database_calendar_test.dart

@@ -1,5 +1,5 @@
 import 'package:appflowy/plugins/database/calendar/presentation/calendar_event_editor.dart';
-import 'package:appflowy_backend/protobuf/flowy-database2/setting_entities.pbenum.dart';
+import 'package:appflowy_backend/protobuf/flowy-database2/protobuf.dart';
 import 'package:appflowy_backend/protobuf/flowy-folder/view.pbenum.dart';
 import 'package:flowy_infra_ui/style_widget/icon_button.dart';
 import 'package:flutter_test/flutter_test.dart';
@@ -277,5 +277,72 @@ void main() {
 
       tester.assertRowDetailPageOpened();
     });
+
+    testWidgets('filter calendar events', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      // Create the calendar view
+      await tester.createNewPageWithNameUnderParent(
+        layout: ViewLayoutPB.Calendar,
+      );
+
+      // Create a new event on the first of this month
+      final today = DateTime.now();
+      final firstOfThisMonth = DateTime(today.year, today.month);
+      await tester.doubleClickCalendarCell(firstOfThisMonth);
+      await tester.dismissEventEditor();
+
+      tester.assertNumberOfEventsInCalendar(1);
+
+      await tester.openCalendarEvent(index: 0, date: firstOfThisMonth);
+      await tester.tapButton(finderForFieldType(FieldType.MultiSelect));
+      await tester.createOption(name: "asdf");
+      await tester.createOption(name: "qwer");
+      await tester.selectOption(name: "asdf");
+      await tester.dismissCellEditor();
+
+      await tester.tapDatabaseFilterButton();
+      await tester.tapCreateFilterByFieldType(FieldType.MultiSelect, "Tags");
+
+      await tester.tapFilterButtonInGrid('Tags');
+      await tester.tapOptionFilterWithName('asdf');
+      await tester.dismissCellEditor();
+
+      tester.assertNumberOfEventsInCalendar(0);
+
+      await tester.tapFilterButtonInGrid('Tags');
+      await tester.tapOptionFilterWithName('asdf');
+      await tester.dismissCellEditor();
+
+      tester.assertNumberOfEventsInCalendar(1);
+
+      await tester.tapFilterButtonInGrid('Tags');
+      await tester.tapOptionFilterWithName('asdf');
+      await tester.dismissCellEditor();
+
+      tester.assertNumberOfEventsInCalendar(0);
+
+      final secondOfThisMonth = DateTime(today.year, today.month, 2);
+      await tester.doubleClickCalendarCell(secondOfThisMonth);
+      await tester.dismissEventEditor();
+      tester.assertNumberOfEventsInCalendar(1);
+
+      await tester.openCalendarEvent(index: 0, date: secondOfThisMonth);
+      await tester.tapButton(finderForFieldType(FieldType.MultiSelect));
+      await tester.selectOption(name: "asdf");
+      await tester.dismissCellEditor();
+
+      tester.assertNumberOfEventsInCalendar(0);
+
+      await tester.tapFilterButtonInGrid('Tags');
+      await tester.changeSelectFilterCondition(
+        SelectOptionFilterConditionPB.OptionIsEmpty,
+      );
+      await tester.dismissCellEditor();
+
+      tester.assertNumberOfEventsInCalendar(1);
+      tester.assertNumberOfEventsOnSpecificDay(1, secondOfThisMonth);
+    });
   });
 }

frontend/appflowy_flutter/integration_test/desktop/database/database_cell_test.dart

@@ -211,21 +211,21 @@ void main() {
       await tester.toggleIncludeTime();
 
       // Select a date
-      final today = DateTime.now();
-      await tester.selectDay(content: today.day);
+      DateTime now = DateTime.now();
+      await tester.selectDay(content: now.day);
 
       await tester.dismissCellEditor();
 
       tester.assertCellContent(
         rowIndex: 0,
         fieldType: FieldType.DateTime,
-        content: DateFormat('MMM dd, y').format(today),
+        content: DateFormat('MMM dd, y').format(now),
       );
 
       await tester.tapCellInGrid(rowIndex: 0, fieldType: fieldType);
 
       // Toggle include time
-      final now = DateTime.now();
+      now = DateTime.now();
       await tester.toggleIncludeTime();
 
       await tester.dismissCellEditor();
@@ -299,7 +299,7 @@ void main() {
       await tester.dismissCellEditor();
 
       // Make sure the option is created and displayed in the cell
-      await tester.findSelectOptionWithNameInGrid(
+      tester.findSelectOptionWithNameInGrid(
         rowIndex: 0,
         name: 'tag 1',
       );
@@ -311,12 +311,12 @@ void main() {
       await tester.createOption(name: 'tag 2');
       await tester.dismissCellEditor();
 
-      await tester.findSelectOptionWithNameInGrid(
+      tester.findSelectOptionWithNameInGrid(
         rowIndex: 0,
         name: 'tag 2',
       );
 
-      await tester.assertNumberOfSelectedOptionsInGrid(
+      tester.assertNumberOfSelectedOptionsInGrid(
         rowIndex: 0,
         matcher: findsOneWidget,
       );
@@ -328,12 +328,12 @@ void main() {
       await tester.selectOption(name: 'tag 1');
       await tester.dismissCellEditor();
 
-      await tester.findSelectOptionWithNameInGrid(
+      tester.findSelectOptionWithNameInGrid(
         rowIndex: 0,
         name: 'tag 1',
       );
 
-      await tester.assertNumberOfSelectedOptionsInGrid(
+      tester.assertNumberOfSelectedOptionsInGrid(
         rowIndex: 0,
         matcher: findsOneWidget,
       );
@@ -345,7 +345,7 @@ void main() {
       await tester.selectOption(name: 'tag 1');
       await tester.dismissCellEditor();
 
-      await tester.assertNumberOfSelectedOptionsInGrid(
+      tester.assertNumberOfSelectedOptionsInGrid(
         rowIndex: 0,
         matcher: findsNothing,
       );
@@ -378,7 +378,7 @@ void main() {
       await tester.dismissCellEditor();
 
       // Make sure the option is created and displayed in the cell
-      await tester.findSelectOptionWithNameInGrid(
+      tester.findSelectOptionWithNameInGrid(
         rowIndex: 0,
         name: tags.first,
       );
@@ -393,13 +393,13 @@ void main() {
       await tester.dismissCellEditor();
 
       for (final tag in tags) {
-        await tester.findSelectOptionWithNameInGrid(
+        tester.findSelectOptionWithNameInGrid(
           rowIndex: 0,
           name: tag,
         );
       }
 
-      await tester.assertNumberOfSelectedOptionsInGrid(
+      tester.assertNumberOfSelectedOptionsInGrid(
         rowIndex: 0,
         matcher: findsNWidgets(4),
       );
@@ -413,7 +413,7 @@ void main() {
       }
       await tester.dismissCellEditor();
 
-      await tester.assertNumberOfSelectedOptionsInGrid(
+      tester.assertNumberOfSelectedOptionsInGrid(
         rowIndex: 0,
         matcher: findsNothing,
       );
@@ -426,16 +426,16 @@ void main() {
       await tester.selectOption(name: tags[3]);
       await tester.dismissCellEditor();
 
-      await tester.findSelectOptionWithNameInGrid(
+      tester.findSelectOptionWithNameInGrid(
         rowIndex: 0,
         name: tags[1],
       );
-      await tester.findSelectOptionWithNameInGrid(
+      tester.findSelectOptionWithNameInGrid(
         rowIndex: 0,
         name: tags[3],
       );
 
-      await tester.assertNumberOfSelectedOptionsInGrid(
+      tester.assertNumberOfSelectedOptionsInGrid(
         rowIndex: 0,
         matcher: findsNWidgets(2),
       );

frontend/appflowy_flutter/integration_test/desktop/database/database_field_settings_test.dart

@@ -1,5 +1,5 @@
 import 'package:appflowy/plugins/database/grid/presentation/grid_page.dart';
-import 'package:appflowy_backend/protobuf/flowy-database2/setting_entities.pbenum.dart';
+import 'package:appflowy_backend/protobuf/flowy-database2/protobuf.dart';
 import 'package:appflowy_backend/protobuf/flowy-folder/view.pbenum.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
@@ -10,7 +10,7 @@ import '../../shared/util.dart';
 void main() {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();
 
-  group('database field settings', () {
+  group('grid field settings test:', () {
     testWidgets('field visibility', (tester) async {
       await tester.initializeAppFlowy();
       await tester.tapAnonymousSignInButton();
@@ -50,6 +50,15 @@ void main() {
       await tester.tapHidePropertyButtonInFieldEditor();
       await tester.dismissRowDetailPage();
       tester.noFieldWithName('New field 1');
+
+      // the field should still be sort and filter-able
+      await tester.tapDatabaseFilterButton();
+      await tester.tapCreateFilterByFieldType(
+        FieldType.RichText,
+        "New field 1",
+      );
+      await tester.tapDatabaseSortButton();
+      await tester.tapCreateSortByFieldType(FieldType.RichText, "New field 1");
     });
   });
 }

frontend/appflowy_flutter/integration_test/desktop/database/database_field_test.dart

@@ -1,11 +1,12 @@
+import 'package:flutter/material.dart';
+
 import 'package:appflowy/generated/locale_keys.g.dart';
 import 'package:appflowy/plugins/database/grid/presentation/grid_page.dart';
 import 'package:appflowy/plugins/database/widgets/field/type_option_editor/select/select_option.dart';
 import 'package:appflowy/util/field_type_extension.dart';
-import 'package:appflowy_backend/protobuf/flowy-database2/field_entities.pbenum.dart';
+import 'package:appflowy_backend/protobuf/flowy-database2/protobuf.dart';
 import 'package:appflowy_backend/protobuf/flowy-folder/protobuf.dart';
 import 'package:easy_localization/easy_localization.dart';
-import 'package:flutter/material.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
 
@@ -15,7 +16,7 @@ import '../../shared/util.dart';
 void main() {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();
 
-  group('grid field editor:', () {
+  group('grid edit field test:', () {
     testWidgets('rename existing field', (tester) async {
       await tester.initializeAppFlowy();
       await tester.tapAnonymousSignInButton();
@@ -24,7 +25,6 @@ void main() {
 
       // Invoke the field editor
       await tester.tapGridFieldWithName('Name');
-      await tester.tapEditFieldButton();
 
       await tester.renameField('hello world');
       await tester.dismissFieldEditor();
@@ -33,6 +33,32 @@ void main() {
       await tester.pumpAndSettle();
     });
 
+    testWidgets('edit field icon', (tester) async {
+      const icon = 'artificial_intelligence/ai-upscale-spark';
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
+
+      tester.assertFieldSvg('Name', FieldType.RichText);
+
+      // choose specific icon
+      await tester.tapGridFieldWithName('Name');
+      await tester.changeFieldIcon(icon);
+      await tester.dismissFieldEditor();
+
+      tester.assertFieldCustomSvg('Name', icon);
+
+      // remove icon
+      await tester.tapGridFieldWithName('Name');
+      await tester.changeFieldIcon('');
+      await tester.dismissFieldEditor();
+
+      tester.assertFieldSvg('Name', FieldType.RichText);
+
+      await tester.pumpAndSettle();
+    });
+
     testWidgets('update field type of existing field', (tester) async {
       await tester.initializeAppFlowy();
       await tester.tapAnonymousSignInButton();
@@ -126,7 +152,7 @@ void main() {
       await tester.dismissFieldEditor();
       tester.findFieldWithName('Right');
 
-      // insert new field to the right
+      // insert new field to the left
       await tester.tapGridFieldWithName('Type');
       await tester.tapInsertFieldButton(left: true, name: "Left");
       await tester.dismissFieldEditor();
@@ -245,7 +271,6 @@ void main() {
         matching: find.byType(TextField),
       );
       await tester.enterText(inputField, text);
-      await tester.pumpAndSettle();
       await tester.testTextInput.receiveAction(TextInputAction.done);
       await tester.pumpAndSettle(const Duration(milliseconds: 500));
 
@@ -292,6 +317,30 @@ void main() {
       );
     });
 
+    testWidgets('text in viewport while typing', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
+
+      await tester.changeCalculateAtIndex(0, CalculationType.Count);
+
+      // add very large text with 200 lines
+      final largeText = List.generate(
+        200,
+        (index) => 'Line ${index + 1}',
+      ).join('\n');
+
+      await tester.editCell(
+        rowIndex: 2,
+        fieldType: FieldType.RichText,
+        input: largeText,
+      );
+
+      // checks if last line is in view port
+      tester.expectToSeeText('Line 200');
+    });
+
     // Disable this test because it fails on CI randomly
     // testWidgets('last modified and created at field type options',
     //     (tester) async {
@@ -357,5 +406,188 @@ void main() {
     //     content: DateFormat('dd/MM/y hh:mm a').format(modified),
     //   );
     // });
+
+    testWidgets('select option transform', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      await tester.createNewPageWithNameUnderParent(
+        layout: ViewLayoutPB.Grid,
+      );
+
+      // invoke the field editor of existing Single-Select field Type
+      await tester.tapGridFieldWithName('Type');
+      await tester.tapEditFieldButton();
+
+      // add some select options
+      await tester.tapAddSelectOptionButton();
+      for (final optionName in ['A', 'B', 'C']) {
+        final inputField = find.descendant(
+          of: find.byType(CreateOptionTextField),
+          matching: find.byType(TextField),
+        );
+        await tester.enterText(inputField, optionName);
+        await tester.testTextInput.receiveAction(TextInputAction.done);
+      }
+      await tester.dismissFieldEditor();
+
+      // select A in first row's cell under the Type field
+      await tester.tapCellInGrid(
+        rowIndex: 0,
+        fieldType: FieldType.SingleSelect,
+      );
+      await tester.selectOption(name: 'A');
+      await tester.dismissCellEditor();
+      tester.findSelectOptionWithNameInGrid(name: 'A', rowIndex: 0);
+
+      await tester.changeFieldTypeOfFieldWithName('Type', FieldType.RichText);
+      tester.assertCellContent(
+        rowIndex: 0,
+        fieldType: FieldType.RichText,
+        content: "A",
+        cellIndex: 1,
+      );
+
+      // add some random text in the second row
+      await tester.editCell(
+        rowIndex: 1,
+        fieldType: FieldType.RichText,
+        input: "random",
+        cellIndex: 1,
+      );
+      tester.assertCellContent(
+        rowIndex: 1,
+        fieldType: FieldType.RichText,
+        content: "random",
+        cellIndex: 1,
+      );
+
+      await tester.changeFieldTypeOfFieldWithName(
+        'Type',
+        FieldType.SingleSelect,
+      );
+      tester.findSelectOptionWithNameInGrid(name: 'A', rowIndex: 0);
+      tester.assertNumberOfSelectedOptionsInGrid(
+        rowIndex: 1,
+        matcher: findsNothing,
+      );
+
+      // create a new field for testing
+      await tester.createField(FieldType.RichText, name: 'Test');
+
+      // edit the first 2 rows
+      await tester.editCell(
+        rowIndex: 0,
+        fieldType: FieldType.RichText,
+        input: "E,F",
+        cellIndex: 1,
+      );
+      await tester.editCell(
+        rowIndex: 1,
+        fieldType: FieldType.RichText,
+        input: "G",
+        cellIndex: 1,
+      );
+
+      await tester.changeFieldTypeOfFieldWithName(
+        'Test',
+        FieldType.MultiSelect,
+      );
+      tester.assertMultiSelectOption(contents: ['E', 'F'], rowIndex: 0);
+      tester.assertMultiSelectOption(contents: ['G'], rowIndex: 1);
+
+      await tester.tapCellInGrid(
+        rowIndex: 2,
+        fieldType: FieldType.MultiSelect,
+      );
+      await tester.selectOption(name: 'G');
+      await tester.createOption(name: 'H');
+      await tester.dismissCellEditor();
+      tester.findSelectOptionWithNameInGrid(name: 'A', rowIndex: 0);
+      tester.assertMultiSelectOption(contents: ['G', 'H'], rowIndex: 2);
+
+      await tester.changeFieldTypeOfFieldWithName(
+        'Test',
+        FieldType.RichText,
+      );
+      tester.assertCellContent(
+        rowIndex: 2,
+        fieldType: FieldType.RichText,
+        content: "G,H",
+        cellIndex: 1,
+      );
+      await tester.changeFieldTypeOfFieldWithName(
+        'Test',
+        FieldType.MultiSelect,
+      );
+
+      tester.assertMultiSelectOption(contents: ['E', 'F'], rowIndex: 0);
+      tester.assertMultiSelectOption(contents: ['G'], rowIndex: 1);
+      tester.assertMultiSelectOption(contents: ['G', 'H'], rowIndex: 2);
+    });
+
+    testWidgets('date time transform', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
+      await tester.scrollToRight(find.byType(GridPage));
+
+      // create a date field
+      await tester.createField(FieldType.DateTime);
+
+      // edit the first date cell
+      await tester.tapCellInGrid(rowIndex: 0, fieldType: FieldType.DateTime);
+      await tester.toggleIncludeTime();
+      final now = DateTime.now();
+      await tester.selectDay(content: now.day);
+
+      await tester.dismissCellEditor();
+
+      tester.assertCellContent(
+        rowIndex: 0,
+        fieldType: FieldType.DateTime,
+        content: DateFormat('MMM dd, y HH:mm').format(now),
+      );
+
+      await tester.changeFieldTypeOfFieldWithName(
+        'Date',
+        FieldType.RichText,
+      );
+      tester.assertCellContent(
+        rowIndex: 0,
+        fieldType: FieldType.RichText,
+        content: DateFormat('MMM dd, y HH:mm').format(now),
+        cellIndex: 1,
+      );
+
+      await tester.editCell(
+        rowIndex: 1,
+        fieldType: FieldType.RichText,
+        input: "Oct 5, 2024",
+        cellIndex: 1,
+      );
+      tester.assertCellContent(
+        rowIndex: 1,
+        fieldType: FieldType.RichText,
+        content: "Oct 5, 2024",
+        cellIndex: 1,
+      );
+
+      await tester.changeFieldTypeOfFieldWithName(
+        'Date',
+        FieldType.DateTime,
+      );
+      tester.assertCellContent(
+        rowIndex: 0,
+        fieldType: FieldType.DateTime,
+        content: DateFormat('MMM dd, y').format(now),
+      );
+      tester.assertCellContent(
+        rowIndex: 1,
+        fieldType: FieldType.DateTime,
+        content: "Oct 05, 2024",
+      );
+    });
   });
 }

frontend/appflowy_flutter/integration_test/desktop/database/database_filter_test.dart

@@ -1,10 +1,14 @@
+import 'package:appflowy/plugins/database/application/field/filter_entities.dart';
 import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/choicechip/checkbox.dart';
 import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/choicechip/text.dart';
-import 'package:appflowy_backend/protobuf/flowy-database2/field_entities.pbenum.dart';
+import 'package:appflowy/plugins/database/widgets/row/row_detail.dart';
+import 'package:appflowy_backend/protobuf/flowy-database2/protobuf.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/protobuf.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
 
 import '../../shared/database_test_op.dart';
+import '../../shared/util.dart';
 
 void main() {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();
@@ -104,7 +108,7 @@ void main() {
       await tester.tapOptionFilterWithName('s4');
 
       // The row with 's4' should be shown.
-      tester.assertNumberOfRowsInGridPage(1);
+      tester.assertNumberOfRowsInGridPage(2);
 
       await tester.pumpAndSettle();
     });
@@ -138,5 +142,83 @@ void main() {
 
       await tester.pumpAndSettle();
     });
+
+    testWidgets('add date filter', (tester) async {
+      await tester.openTestDatabase(v020GridFileName);
+
+      // create a filter
+      await tester.tapDatabaseFilterButton();
+      await tester.tapCreateFilterByFieldType(FieldType.DateTime, 'date');
+
+      // By default, the condition of date filter is current day and time
+      tester.assertNumberOfRowsInGridPage(0);
+
+      await tester.tapFilterButtonInGrid('date');
+      await tester.changeDateFilterCondition(DateTimeFilterCondition.before);
+      tester.assertNumberOfRowsInGridPage(7);
+
+      await tester.changeDateFilterCondition(DateTimeFilterCondition.isEmpty);
+      tester.assertNumberOfRowsInGridPage(3);
+
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('add timestamp filter', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
+
+      await tester.createField(
+        FieldType.CreatedTime,
+        name: 'Created at',
+      );
+
+      // create a filter
+      await tester.tapDatabaseFilterButton();
+      await tester.tapCreateFilterByFieldType(
+        FieldType.CreatedTime,
+        'Created at',
+      );
+      await tester.pumpAndSettle();
+
+      tester.assertNumberOfRowsInGridPage(3);
+
+      await tester.tapFilterButtonInGrid('Created at');
+      await tester.changeDateFilterCondition(DateTimeFilterCondition.before);
+      tester.assertNumberOfRowsInGridPage(0);
+
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('create new row when filters don\'t autofill', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
+
+      // create a filter
+      await tester.tapDatabaseFilterButton();
+      await tester.tapCreateFilterByFieldType(
+        FieldType.RichText,
+        'Name',
+      );
+      tester.assertNumberOfRowsInGridPage(3);
+
+      await tester.tapCreateRowButtonInGrid();
+      tester.assertNumberOfRowsInGridPage(4);
+
+      await tester.tapFilterButtonInGrid('Name');
+      await tester
+          .changeTextFilterCondition(TextFilterConditionPB.TextIsNotEmpty);
+      await tester.dismissCellEditor();
+      tester.assertNumberOfRowsInGridPage(0);
+
+      await tester.tapCreateRowButtonInGrid();
+      tester.assertNumberOfRowsInGridPage(0);
+      expect(find.byType(RowDetailPage), findsOneWidget);
+
+      await tester.pumpAndSettle();
+    });
   });
 }

frontend/appflowy_flutter/integration_test/desktop/database/database_media_test.dart

@@ -21,7 +21,6 @@ import 'package:path_provider/path_provider.dart';
 import '../../shared/database_test_op.dart';
 import '../../shared/mock/mock_file_picker.dart';
 import '../../shared/util.dart';
-import '../board/board_hide_groups_test.dart';
 
 void main() {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();
@@ -69,10 +68,7 @@ void main() {
       await tester.pumpAndSettle();
 
       // Tap on the upload interaction
-      await tester.tapButtonWithName(
-        LocaleKeys.document_plugins_file_fileUploadHint.tr(),
-      );
-      await tester.pumpAndSettle();
+      await tester.tapFileUploadHint();
 
       // Expect one file
       expect(find.byType(RenderMedia), findsOneWidget);
@@ -85,9 +81,7 @@ void main() {
       await tester.pumpAndSettle();
 
       // Tap on the upload interaction
-      await tester.tapButtonWithName(
-        LocaleKeys.document_plugins_file_fileUploadHint.tr(),
-      );
+      await tester.tapFileUploadHint();
       await tester.pumpAndSettle();
 
       // Expect two files
@@ -139,10 +133,7 @@ void main() {
       await tester.pumpAndSettle();
 
       // Tap on the upload interaction
-      await tester.tapButtonWithName(
-        LocaleKeys.document_plugins_file_fileUploadHint.tr(),
-      );
-      await tester.pumpAndSettle();
+      await tester.tapFileUploadHint();
 
       // Expect two files
       expect(find.byType(RenderMedia), findsNWidgets(2));
@@ -193,10 +184,7 @@ void main() {
       await tester.pumpAndSettle();
 
       // Tap on the upload interaction
-      await tester.tapButtonWithName(
-        LocaleKeys.document_plugins_file_fileUploadHint.tr(),
-      );
-      await tester.pumpAndSettle();
+      await tester.tapFileUploadHint();
 
       // Expect two files
       expect(find.byType(RenderMedia), findsNWidgets(2));
@@ -230,7 +218,7 @@ void main() {
       await Future.wait([firstFile.delete(), secondFile.delete()]);
     });
 
-    testWidgets('hide file names', (tester) async {
+    testWidgets('show file names', (tester) async {
       await tester.initializeAppFlowy();
       await tester.tapAnonymousSignInButton();
 
@@ -272,10 +260,7 @@ void main() {
       await tester.pumpAndSettle();
 
       // Tap on the upload interaction
-      await tester.tapButtonWithName(
-        LocaleKeys.document_plugins_file_fileUploadHint.tr(),
-      );
-      await tester.pumpAndSettle();
+      await tester.tapFileUploadHint();
 
       // Expect two files
       expect(find.byType(RenderMedia), findsNWidgets(2));
@@ -283,28 +268,28 @@ void main() {
       await tester.dismissCellEditor();
       await tester.pumpAndSettle();
 
-      // Open first row in row detail view then toggle hide file names
+      // Open first row in row detail view then toggle show file names
       await tester.openFirstRowDetailPage();
       await tester.pumpAndSettle();
 
+      // Expect file names to not be shown (hidden)
+      expect(find.text('sample.jpeg'), findsNothing);
+      expect(find.text('sample.gif'), findsNothing);
+
+      await tester.tapGridFieldWithNameInRowDetailPage('Type');
+      await tester.pumpAndSettle();
+
+      // Toggle show file names
+      await tester.tap(find.byType(Toggle));
+      await tester.pumpAndSettle();
+
       // Expect file names to be shown
       expect(find.text('sample.jpeg'), findsOneWidget);
       expect(find.text('sample.gif'), findsOneWidget);
 
-      await tester.tapGridFieldWithNameInRowDetailPage('Type');
-      await tester.pumpAndSettle();
-
-      // Toggle hide file names
-      await tester.tap(find.byType(Toggle));
-      await tester.pumpAndSettle();
-
       await tester.dismissRowDetailPage();
       await tester.pumpAndSettle();
 
-      // Expect file names to be hidden
-      expect(find.text('sample.jpeg'), findsNothing);
-      expect(find.text('sample.gif'), findsNothing);
-
       // Remove the temp files
       await Future.wait([firstFile.delete(), secondFile.delete()]);
     });

frontend/appflowy_flutter/integration_test/desktop/database/database_row_cover_test.dart

@@ -1,19 +1,18 @@
 import 'dart:io';
 
-import 'package:flutter/services.dart';
-
 import 'package:appflowy/core/config/kv.dart';
 import 'package:appflowy/core/config/kv_keys.dart';
 import 'package:appflowy/generated/locale_keys.g.dart';
 import 'package:appflowy/plugins/database/widgets/card/card.dart';
 import 'package:appflowy/plugins/database/widgets/cell_editor/media_cell_editor.dart';
 import 'package:appflowy/plugins/database/widgets/row/row_banner.dart';
-import 'package:appflowy/plugins/document/presentation/editor_plugins/header/document_header_node_widget.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/plugins.dart';
 import 'package:appflowy/shared/af_image.dart';
 import 'package:appflowy/startup/startup.dart';
 import 'package:appflowy_backend/protobuf/flowy-database2/field_entities.pbenum.dart';
 import 'package:appflowy_backend/protobuf/flowy-folder/view.pbenum.dart';
 import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/services.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
 import 'package:path/path.dart' as p;
@@ -63,9 +62,7 @@ void main() {
       await tester.pumpAndSettle();
 
       // Tap on the upload interaction
-      await tester.tapButtonWithName(
-        LocaleKeys.document_plugins_file_fileUploadHint.tr(),
-      );
+      await tester.tapFileUploadHint();
 
       // Expect one file
       expect(find.byType(RenderMedia), findsOneWidget);

frontend/appflowy_flutter/integration_test/desktop/database/database_row_page_test.dart

@@ -1,3 +1,6 @@
+import 'package:appflowy/plugins/database/widgets/cell/desktop_row_detail/desktop_row_detail_checklist_cell.dart';
+import 'package:appflowy/plugins/database/widgets/cell_editor/checklist_cell_editor.dart';
+import 'package:flowy_infra_ui/flowy_infra_ui.dart';
 import 'package:flutter/material.dart';
 
 import 'package:appflowy/generated/locale_keys.g.dart';
@@ -9,7 +12,7 @@ import 'package:appflowy_backend/protobuf/flowy-database2/field_entities.pbenum.
 import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
 import 'package:appflowy_editor/appflowy_editor.dart';
 import 'package:easy_localization/easy_localization.dart';
-import 'package:flowy_infra_ui/style_widget/text.dart';
+import 'package:flutter/services.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
 
@@ -335,5 +338,139 @@ void main() {
 
       tester.assertNumberOfRowsInGridPage(4);
     });
+
+    testWidgets('edit checklist cell', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
+
+      const fieldType = FieldType.Checklist;
+      await tester.createField(fieldType);
+
+      await tester.openFirstRowDetailPage();
+      await tester.hoverOnWidget(
+        find.byType(ChecklistRowDetailCell),
+        onHover: () async {
+          await tester.tapButton(find.byType(ChecklistItemControl));
+        },
+      );
+
+      tester.assertPhantomChecklistItemAtIndex(index: 0);
+      await tester.enterText(find.byType(PhantomChecklistItem), 'task 1');
+      await tester.pumpAndSettle();
+      await tester.simulateKeyEvent(LogicalKeyboardKey.enter);
+      await tester.pumpAndSettle(const Duration(milliseconds: 500));
+
+      tester.assertChecklistTaskInEditor(
+        index: 0,
+        name: "task 1",
+        isChecked: false,
+      );
+      tester.assertPhantomChecklistItemAtIndex(index: 1);
+
+      await tester.enterText(find.byType(PhantomChecklistItem), 'task 2');
+      await tester.pumpAndSettle();
+      await tester.simulateKeyEvent(LogicalKeyboardKey.enter);
+      await tester.pumpAndSettle(const Duration(milliseconds: 500));
+
+      tester.assertChecklistTaskInEditor(
+        index: 1,
+        name: "task 2",
+        isChecked: false,
+      );
+      tester.assertPhantomChecklistItemAtIndex(index: 2);
+
+      await tester.simulateKeyEvent(LogicalKeyboardKey.escape);
+      await tester.pumpAndSettle();
+      expect(find.byType(PhantomChecklistItem), findsNothing);
+
+      await tester.renameChecklistTask(index: 0, name: "task -1", enter: false);
+      await tester.simulateKeyEvent(LogicalKeyboardKey.enter);
+
+      tester.assertChecklistTaskInEditor(
+        index: 0,
+        name: "task -1",
+        isChecked: false,
+      );
+      tester.assertPhantomChecklistItemAtIndex(index: 1);
+
+      await tester.enterText(find.byType(PhantomChecklistItem), 'task 0');
+      await tester.pumpAndSettle();
+      await tester.simulateKeyEvent(LogicalKeyboardKey.enter);
+      await tester.pumpAndSettle(const Duration(milliseconds: 500));
+
+      tester.assertPhantomChecklistItemAtIndex(index: 2);
+
+      await tester.checkChecklistTask(index: 1);
+      expect(find.byType(PhantomChecklistItem), findsNothing);
+      expect(find.byType(ChecklistItem), findsNWidgets(3));
+
+      tester.assertChecklistTaskInEditor(
+        index: 0,
+        name: "task -1",
+        isChecked: false,
+      );
+      tester.assertChecklistTaskInEditor(
+        index: 1,
+        name: "task 0",
+        isChecked: true,
+      );
+      tester.assertChecklistTaskInEditor(
+        index: 2,
+        name: "task 2",
+        isChecked: false,
+      );
+
+      await tester.tapButton(
+        find.descendant(
+          of: find.byType(ProgressAndHideCompleteButton),
+          matching: find.byType(FlowyIconButton),
+        ),
+      );
+      expect(find.byType(ChecklistItem), findsNWidgets(2));
+
+      tester.assertChecklistTaskInEditor(
+        index: 0,
+        name: "task -1",
+        isChecked: false,
+      );
+      tester.assertChecklistTaskInEditor(
+        index: 1,
+        name: "task 2",
+        isChecked: false,
+      );
+
+      await tester.renameChecklistTask(index: 1, name: "task 3", enter: false);
+      await tester.simulateKeyEvent(LogicalKeyboardKey.enter);
+
+      await tester.renameChecklistTask(index: 0, name: "task 1", enter: false);
+      await tester.simulateKeyEvent(LogicalKeyboardKey.enter);
+
+      await tester.enterText(find.byType(PhantomChecklistItem), 'task 2');
+      await tester.pumpAndSettle();
+      await tester.simulateKeyEvent(LogicalKeyboardKey.enter);
+      await tester.pumpAndSettle(const Duration(milliseconds: 500));
+
+      tester.assertChecklistTaskInEditor(
+        index: 0,
+        name: "task 1",
+        isChecked: false,
+      );
+      tester.assertChecklistTaskInEditor(
+        index: 1,
+        name: "task 2",
+        isChecked: false,
+      );
+      tester.assertChecklistTaskInEditor(
+        index: 2,
+        name: "task 3",
+        isChecked: false,
+      );
+      tester.assertPhantomChecklistItemAtIndex(index: 2);
+
+      await tester.checkChecklistTask(index: 1);
+      expect(find.byType(ChecklistItem), findsNWidgets(2));
+    });
   });
 }

frontend/appflowy_flutter/integration_test/desktop/database/database_share_test.dart

@@ -115,7 +115,7 @@ void main() {
         [],
       ];
       for (final (index, contents) in multiSelectCells.indexed) {
-        await tester.assertMultiSelectOption(
+        tester.assertMultiSelectOption(
           rowIndex: index,
           contents: contents,
         );

frontend/appflowy_flutter/integration_test/desktop/database/database_sort_test.dart

@@ -1,3 +1,4 @@
+import 'package:appflowy/plugins/database/grid/presentation/widgets/sort/sort_editor.dart';
 import 'package:appflowy_backend/protobuf/flowy-database2/field_entities.pbenum.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
@@ -7,8 +8,8 @@ import '../../shared/database_test_op.dart';
 void main() {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();
 
-  group('grid', () {
-    testWidgets('add text sort', (tester) async {
+  group('grid sort:', () {
+    testWidgets('text sort', (tester) async {
       await tester.openTestDatabase(v020GridFileName);
       // create a sort
       await tester.tapDatabaseSortButton();
@@ -37,7 +38,7 @@ void main() {
 
       // open the sort menu and select order by descending
       await tester.tapSortMenuInSettingBar();
-      await tester.tapSortButtonByName('Name');
+      await tester.tapEditSortConditionButtonByFieldName('Name');
       await tester.tapSortByDescending();
       for (final (index, content) in <String>[
         'E',
@@ -84,7 +85,7 @@ void main() {
       await tester.pumpAndSettle();
     });
 
-    testWidgets('add checkbox sort', (tester) async {
+    testWidgets('checkbox', (tester) async {
       await tester.openTestDatabase(v020GridFileName);
       // create a sort
       await tester.tapDatabaseSortButton();
@@ -111,7 +112,7 @@ void main() {
 
       // open the sort menu and select order by descending
       await tester.tapSortMenuInSettingBar();
-      await tester.tapSortButtonByName('Done');
+      await tester.tapEditSortConditionButtonByFieldName('Done');
       await tester.tapSortByDescending();
       for (final (index, content) in <bool>[
         true,
@@ -134,7 +135,7 @@ void main() {
       await tester.pumpAndSettle();
     });
 
-    testWidgets('add number sort', (tester) async {
+    testWidgets('number', (tester) async {
       await tester.openTestDatabase(v020GridFileName);
       // create a sort
       await tester.tapDatabaseSortButton();
@@ -162,7 +163,7 @@ void main() {
 
       // open the sort menu and select order by descending
       await tester.tapSortMenuInSettingBar();
-      await tester.tapSortButtonByName('number');
+      await tester.tapEditSortConditionButtonByFieldName('number');
       await tester.tapSortByDescending();
       for (final (index, content) in <String>[
         '12',
@@ -186,7 +187,7 @@ void main() {
       await tester.pumpAndSettle();
     });
 
-    testWidgets('add checkbox and number sort', (tester) async {
+    testWidgets('checkbox and number', (tester) async {
       await tester.openTestDatabase(v020GridFileName);
       // create a sort
       await tester.tapDatabaseSortButton();
@@ -194,7 +195,7 @@ void main() {
 
       // open the sort menu and sort checkbox by descending
       await tester.tapSortMenuInSettingBar();
-      await tester.tapSortButtonByName('Done');
+      await tester.tapEditSortConditionButtonByFieldName('Done');
       await tester.tapSortByDescending();
       for (final (index, content) in <bool>[
         true,
@@ -220,7 +221,7 @@ void main() {
         FieldType.Number,
         'number',
       );
-      await tester.tapSortButtonByName('number');
+      await tester.tapEditSortConditionButtonByFieldName('number');
       await tester.tapSortByDescending();
 
       // check checkbox cell order
@@ -273,7 +274,7 @@ void main() {
 
       // open the sort menu and sort checkbox by descending
       await tester.tapSortMenuInSettingBar();
-      await tester.tapSortButtonByName('Done');
+      await tester.tapEditSortConditionButtonByFieldName('Done');
       await tester.tapSortByDescending();
 
       // add another sort, this time by number descending
@@ -282,7 +283,7 @@ void main() {
         FieldType.Number,
         'number',
       );
-      await tester.tapSortButtonByName('number');
+      await tester.tapEditSortConditionButtonByFieldName('number');
       await tester.tapSortByDescending();
 
       // check checkbox cell order
@@ -370,5 +371,101 @@ void main() {
         );
       }
     });
+
+    testWidgets('edit field', (tester) async {
+      await tester.openTestDatabase(v020GridFileName);
+
+      // create a number sort
+      await tester.tapDatabaseSortButton();
+      await tester.tapCreateSortByFieldType(FieldType.Number, 'number');
+
+      // check the number cell order
+      for (final (index, content) in <String>[
+        '-2',
+        '-1',
+        '0.1',
+        '0.2',
+        '1',
+        '2',
+        '10',
+        '11',
+        '12',
+        '',
+      ].indexed) {
+        tester.assertCellContent(
+          rowIndex: index,
+          fieldType: FieldType.Number,
+          content: content,
+        );
+      }
+
+      final textCells = <String>[
+        'B',
+        'A',
+        'C',
+        'D',
+        'E',
+        '',
+        '',
+        '',
+        '',
+        '',
+      ];
+      for (final (index, content) in textCells.indexed) {
+        tester.assertCellContent(
+          rowIndex: index,
+          fieldType: FieldType.RichText,
+          content: content,
+        );
+      }
+
+      // edit the name of the number field
+      await tester.tapGridFieldWithName('number');
+
+      await tester.renameField('hello world');
+      await tester.dismissFieldEditor();
+
+      await tester.tapGridFieldWithName('hello world');
+      await tester.dismissFieldEditor();
+
+      // expect name to be changed as well
+      await tester.tapSortMenuInSettingBar();
+      final sortItem = find.ancestor(
+        of: find.text('hello world'),
+        matching: find.byType(DatabaseSortItem),
+      );
+      expect(sortItem, findsOneWidget);
+
+      // change the field type of the field to checkbox
+      await tester.tapGridFieldWithName('hello world');
+      await tester.changeFieldTypeOfFieldWithName(
+        'hello world',
+        FieldType.Checkbox,
+      );
+
+      // expect name to be changed as well
+      await tester.tapSortMenuInSettingBar();
+      expect(sortItem, findsOneWidget);
+
+      final newTextCells = <String>[
+        'A',
+        'B',
+        'C',
+        'D',
+        'E',
+        '',
+        '',
+        '',
+        '',
+        '',
+      ];
+      for (final (index, content) in newTextCells.indexed) {
+        tester.assertCellContent(
+          rowIndex: index,
+          fieldType: FieldType.RichText,
+          content: content,
+        );
+      }
+    });
   });
 }

frontend/appflowy_flutter/integration_test/desktop/database/database_test_runner_1.dart

@@ -0,0 +1,20 @@
+import 'package:integration_test/integration_test.dart';
+
+import 'database_cell_test.dart' as database_cell_test;
+import 'database_field_settings_test.dart' as database_field_settings_test;
+import 'database_field_test.dart' as database_field_test;
+import 'database_row_page_test.dart' as database_row_page_test;
+import 'database_setting_test.dart' as database_setting_test;
+import 'database_share_test.dart' as database_share_test;
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  database_cell_test.main();
+  database_field_test.main();
+  database_field_settings_test.main();
+  database_share_test.main();
+  database_row_page_test.main();
+  database_setting_test.main();
+  // DON'T add more tests here.
+}

frontend/appflowy_flutter/integration_test/desktop/database/database_test_runner_2.dart

@@ -0,0 +1,22 @@
+import 'package:integration_test/integration_test.dart';
+
+import 'database_calendar_test.dart' as database_calendar_test;
+import 'database_filter_test.dart' as database_filter_test;
+import 'database_media_test.dart' as database_media_test;
+import 'database_row_cover_test.dart' as database_row_cover_test;
+import 'database_share_test.dart' as database_share_test;
+import 'database_sort_test.dart' as database_sort_test;
+import 'database_view_test.dart' as database_view_test;
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  database_filter_test.main();
+  database_sort_test.main();
+  database_view_test.main();
+  database_calendar_test.main();
+  database_media_test.main();
+  database_row_cover_test.main();
+  database_share_test.main();
+  // DON'T add more tests here.
+}

frontend/appflowy_flutter/integration_test/desktop/document/document_app_lifecycle_test.dart

@@ -0,0 +1,72 @@
+import 'dart:ui';
+
+import 'package:appflowy_editor/appflowy_editor.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../../shared/util.dart';
+
+void main() {
+  final binding = IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('Editor AppLifeCycle tests', () {
+    testWidgets(
+      'Selection is added back after pausing AppFlowy',
+      (tester) async {
+        await tester.initializeAppFlowy();
+        await tester.tapAnonymousSignInButton();
+
+        final selection = Selection.single(path: [4], startOffset: 0);
+        await tester.editor.updateSelection(selection);
+
+        binding.handleAppLifecycleStateChanged(AppLifecycleState.inactive);
+        expect(tester.editor.getCurrentEditorState().selection, null);
+
+        binding.handleAppLifecycleStateChanged(AppLifecycleState.resumed);
+        await tester.pumpAndSettle();
+
+        expect(tester.editor.getCurrentEditorState().selection, selection);
+      },
+    );
+
+    testWidgets(
+      'Null selection is retained after pausing AppFlowy',
+      (tester) async {
+        await tester.initializeAppFlowy();
+        await tester.tapAnonymousSignInButton();
+
+        final selection = Selection.single(path: [4], startOffset: 0);
+        await tester.editor.updateSelection(selection);
+        await tester.editor.updateSelection(null);
+
+        binding.handleAppLifecycleStateChanged(AppLifecycleState.inactive);
+        expect(tester.editor.getCurrentEditorState().selection, null);
+
+        binding.handleAppLifecycleStateChanged(AppLifecycleState.resumed);
+        await tester.pumpAndSettle();
+
+        expect(tester.editor.getCurrentEditorState().selection, null);
+      },
+    );
+
+    testWidgets(
+      'Non-collapsed selection is retained after pausing AppFlowy',
+      (tester) async {
+        await tester.initializeAppFlowy();
+        await tester.tapAnonymousSignInButton();
+
+        final selection = Selection(
+          start: Position(path: [3]),
+          end: Position(path: [3], offset: 8),
+        );
+        await tester.editor.updateSelection(selection);
+
+        binding.handleAppLifecycleStateChanged(AppLifecycleState.inactive);
+        binding.handleAppLifecycleStateChanged(AppLifecycleState.resumed);
+        await tester.pumpAndSettle();
+
+        expect(tester.editor.getCurrentEditorState().selection, selection);
+      },
+    );
+  });
+}

frontend/appflowy_flutter/integration_test/desktop/document/document_codeblock_paste_test.dart

@@ -13,13 +13,15 @@ import '../../shared/util.dart';
 void main() {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();
 
-  group('paste in codeblock', () {
+  group('paste in codeblock:', () {
     testWidgets('paste multiple lines in codeblock', (tester) async {
       await tester.initializeAppFlowy();
       await tester.tapAnonymousSignInButton();
 
       // create a new document
-      await tester.createNewPageWithNameUnderParent();
+      await tester.createNewPageWithNameUnderParent(name: 'Test Document');
+      // focus on the editor
+      await tester.tapButton(find.byType(AppFlowyEditor));
 
       // mock the clipboard
       const lines = 3;

frontend/appflowy_flutter/integration_test/desktop/document/document_copy_and_paste_test.dart

@@ -1,12 +1,19 @@
 import 'dart:io';
 
+import 'package:flutter/services.dart';
+
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/block_menu/block_menu_button.dart';
 import 'package:appflowy/plugins/document/presentation/editor_plugins/copy_and_paste/clipboard_service.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/image/custom_image_block_component/custom_image_block_component.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/link_preview/custom_link_preview.dart';
 import 'package:appflowy/startup/startup.dart';
 import 'package:appflowy_editor/appflowy_editor.dart';
 import 'package:appflowy_editor_plugins/appflowy_editor_plugins.dart';
-import 'package:flutter/services.dart';
+import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
+import 'package:universal_platform/universal_platform.dart';
 
 import '../../shared/util.dart';
 
@@ -226,15 +233,14 @@ void main() {
   });
 
   testWidgets('paste image(gif) from memory', (tester) async {
-    // It's not supported yet.
-    // final image = await rootBundle.load('assets/test/images/sample.gif');
-    // final bytes = image.buffer.asUint8List();
-    // await tester.pasteContent(image: ('gif', bytes), (editorState) {
-    //   expect(editorState.document.root.children.length, 2);
-    //   final node = editorState.getNodeAtPath([0])!;
-    //   expect(node.type, ImageBlockKeys.type);
-    //   expect(node.attributes[ImageBlockKeys.url], isNotNull);
-    // });
+    final image = await rootBundle.load('assets/test/images/sample.gif');
+    final bytes = image.buffer.asUint8List();
+    await tester.pasteContent(image: ('gif', bytes), (editorState) {
+      expect(editorState.document.root.children.length, 1);
+      final node = editorState.getNodeAtPath([0])!;
+      expect(node.type, ImageBlockKeys.type);
+      expect(node.attributes[ImageBlockKeys.url], isNotNull);
+    });
   });
 
   testWidgets(
@@ -312,15 +318,155 @@ void main() {
     'auto convert url to link preview block',
     (tester) async {
       const url = 'https://appflowy.io';
-      await tester.pasteContent(plainText: url, (editorState) {
+      await tester.pasteContent(plainText: url, (editorState) async {
         // the second one is the paragraph node
         expect(editorState.document.root.children.length, 2);
         final node = editorState.getNodeAtPath([0])!;
         expect(node.type, LinkPreviewBlockKeys.type);
         expect(node.attributes[LinkPreviewBlockKeys.url], url);
       });
+
+      // hover on the link preview block
+      // click the more button
+      // and select convert to link
+      await tester.hoverOnWidget(
+        find.byType(CustomLinkPreviewWidget),
+        onHover: () async {
+          final convertToLinkButton = find.byWidgetPredicate((widget) {
+            return widget is MenuBlockButton &&
+                widget.tooltip ==
+                    LocaleKeys.document_plugins_urlPreview_convertToLink.tr();
+          });
+          expect(convertToLinkButton, findsOneWidget);
+          await tester.tap(convertToLinkButton);
+          await tester.pumpAndSettle();
+        },
+      );
+
+      await tester.pumpAndSettle();
+
+      final editorState = tester.editor.getCurrentEditorState();
+      final textNode = editorState.getNodeAtPath([0])!;
+      expect(textNode.type, ParagraphBlockKeys.type);
+      expect(textNode.delta!.toJson(), [
+        {
+          'insert': url,
+          'attributes': {'href': url},
+        }
+      ]);
     },
   );
+
+  testWidgets(
+    'ctrl/cmd+z to undo the auto convert url to link preview block',
+    (tester) async {
+      const url = 'https://appflowy.io';
+      await tester.pasteContent(plainText: url, (editorState) async {
+        // the second one is the paragraph node
+        expect(editorState.document.root.children.length, 2);
+        final node = editorState.getNodeAtPath([0])!;
+        expect(node.type, LinkPreviewBlockKeys.type);
+        expect(node.attributes[LinkPreviewBlockKeys.url], url);
+      });
+
+      await tester.editor.tapLineOfEditorAt(0);
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyZ,
+        isControlPressed:
+            UniversalPlatform.isLinux || UniversalPlatform.isWindows,
+        isMetaPressed: UniversalPlatform.isMacOS,
+      );
+      await tester.pumpAndSettle();
+
+      final editorState = tester.editor.getCurrentEditorState();
+      final node = editorState.getNodeAtPath([0])!;
+      expect(node.type, ParagraphBlockKeys.type);
+      expect(node.delta!.toJson(), [
+        {
+          'insert': url,
+          'attributes': {'href': url},
+        }
+      ]);
+    },
+  );
+
+  testWidgets(
+    'paste the nodes start with non-delta node',
+    (tester) async {
+      await tester.pasteContent((_) {});
+      const text = 'Hello World';
+      final editorState = tester.editor.getCurrentEditorState();
+      final transaction = editorState.transaction;
+      // [image_block]
+      // [paragraph_block]
+      transaction.insertNodes([
+        0,
+      ], [
+        customImageNode(url: ''),
+        paragraphNode(text: text),
+      ]);
+      await editorState.apply(transaction);
+      await tester.pumpAndSettle();
+
+      await tester.editor.tapLineOfEditorAt(0);
+      // select all and copy
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyA,
+        isControlPressed:
+            UniversalPlatform.isLinux || UniversalPlatform.isWindows,
+        isMetaPressed: UniversalPlatform.isMacOS,
+      );
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyC,
+        isControlPressed:
+            UniversalPlatform.isLinux || UniversalPlatform.isWindows,
+        isMetaPressed: UniversalPlatform.isMacOS,
+      );
+
+      // put the cursor to the end of the paragraph block
+      await tester.editor.tapLineOfEditorAt(0);
+
+      // paste the content
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyV,
+        isControlPressed:
+            UniversalPlatform.isLinux || UniversalPlatform.isWindows,
+        isMetaPressed: UniversalPlatform.isMacOS,
+      );
+      await tester.pumpAndSettle();
+
+      // expect the image and the paragraph block are inserted below the cursor
+      expect(editorState.getNodeAtPath([0])!.type, CustomImageBlockKeys.type);
+      expect(editorState.getNodeAtPath([1])!.type, ParagraphBlockKeys.type);
+      expect(editorState.getNodeAtPath([2])!.type, CustomImageBlockKeys.type);
+      expect(editorState.getNodeAtPath([3])!.type, ParagraphBlockKeys.type);
+    },
+  );
+
+  testWidgets('paste the url without protocol', (tester) async {
+    // paste the image that from local file
+    const plainText = '1.jpg';
+    final image = await rootBundle.load('assets/test/images/sample.jpeg');
+    final bytes = image.buffer.asUint8List();
+    await tester.pasteContent(plainText: plainText, image: ('jpeg', bytes),
+        (editorState) {
+      final node = editorState.getNodeAtPath([0])!;
+      expect(node.type, ImageBlockKeys.type);
+      expect(node.attributes[ImageBlockKeys.url], isNotEmpty);
+    });
+  });
+
+  testWidgets('paste the image url', (tester) async {
+    const plainText = 'https://appflowy.io/1.jpg';
+    final image = await rootBundle.load('assets/test/images/sample.jpeg');
+    final bytes = image.buffer.asUint8List();
+    await tester.pasteContent(plainText: plainText, image: ('jpeg', bytes),
+        (editorState) {
+      final node = editorState.getNodeAtPath([0])!;
+      expect(node.type, ImageBlockKeys.type);
+      expect(node.attributes[ImageBlockKeys.url], isNotEmpty);
+    });
+  });
 }
 
 extension on WidgetTester {
@@ -336,7 +482,9 @@ extension on WidgetTester {
     await tapAnonymousSignInButton();
 
     // create a new document
-    await createNewPageWithNameUnderParent();
+    await createNewPageWithNameUnderParent(name: 'Test Document');
+    // tap the editor
+    await tapButton(find.byType(AppFlowyEditor));
 
     await beforeTest?.call(editor.getCurrentEditorState());
 

frontend/appflowy_flutter/integration_test/desktop/document/document_create_and_delete_test.dart

@@ -1,6 +1,4 @@
-import 'package:appflowy/generated/locale_keys.g.dart';
 import 'package:appflowy_editor/appflowy_editor.dart';
-import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
 
@@ -17,12 +15,11 @@ void main() {
       await tester.tapAnonymousSignInButton();
 
       // create a new document
-      await tester.createNewPageWithNameUnderParent();
+      const pageName = 'Test Document';
+      await tester.createNewPageWithNameUnderParent(name: pageName);
 
       // expect to see a new document
-      tester.expectToSeePageName(
-        LocaleKeys.menuAppHeader_defaultNewPageName.tr(),
-      );
+      tester.expectToSeePageName(pageName);
       // and with one paragraph block
       expect(find.byType(ParagraphBlockComponentWidget), findsOneWidget);
     });

frontend/appflowy_flutter/integration_test/desktop/document/document_customer_test.dart

@@ -0,0 +1,61 @@
+import 'package:appflowy_editor/appflowy_editor.dart';
+import 'package:appflowy_editor_plugins/appflowy_editor_plugins.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../../shared/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('customer:', () {
+    testWidgets('backtick issue - inline code', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      const pageName = 'backtick issue';
+      await tester.createNewPageWithNameUnderParent(name: pageName);
+
+      // focus on the editor
+      await tester.tap(find.byType(AppFlowyEditor));
+      // input backtick
+      const text = '`Hello` AppFlowy';
+
+      for (var i = 0; i < text.length; i++) {
+        await tester.ime.insertCharacter(text[i]);
+      }
+
+      final node = tester.editor.getNodeAtPath([0]);
+      expect(
+        node.delta?.toJson(),
+        equals([
+          {
+            "insert": "Hello",
+            "attributes": {"code": true},
+          },
+          {"insert": " AppFlowy"},
+        ]),
+      );
+    });
+
+    testWidgets('backtick issue - inline code', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      const pageName = 'backtick issue';
+      await tester.createNewPageWithNameUnderParent(name: pageName);
+
+      // focus on the editor
+      await tester.tap(find.byType(AppFlowyEditor));
+      // input backtick
+      const text = '```';
+
+      for (var i = 0; i < text.length; i++) {
+        await tester.ime.insertCharacter(text[i]);
+      }
+
+      final node = tester.editor.getNodeAtPath([0]);
+      expect(node.type, equals(CodeBlockKeys.type));
+    });
+  });
+}

frontend/appflowy_flutter/integration_test/desktop/document/document_deletion_test.dart

@@ -0,0 +1,84 @@
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/mention/mention_page_block.dart';
+import 'package:appflowy/plugins/inline_actions/widgets/inline_actions_handler.dart';
+import 'package:appflowy/workspace/presentation/widgets/view_title_bar.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../../shared/util.dart';
+
+import 'document_inline_page_reference_test.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('Document deletion', () {
+    testWidgets('Trash breadcrumb', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      // This test shares behavior with the inline page reference test, thus
+      // we utilize the same helper functions there.
+      final name = await createDocumentToReference(tester);
+      await tester.editor.tapLineOfEditorAt(0);
+      await tester.pumpAndSettle();
+
+      await triggerReferenceDocumentBySlashMenu(tester);
+
+      // Search for prefix of document
+      await enterDocumentText(tester);
+
+      // Select result
+      final optionFinder = find.descendant(
+        of: find.byType(InlineActionsHandler),
+        matching: find.text(name),
+      );
+
+      await tester.tap(optionFinder);
+      await tester.pumpAndSettle();
+
+      final mentionBlock = find.byType(MentionPageBlock);
+      expect(mentionBlock, findsOneWidget);
+
+      // Delete the page
+      await tester.hoverOnPageName(
+        name,
+        onHover: () async => tester.tapDeletePageButton(),
+      );
+      await tester.pumpAndSettle();
+
+      // Navigate to the deleted page from the inline mention
+      await tester.tap(mentionBlock);
+      await tester.pumpUntilFound(find.byType(TrashBreadcrumb));
+
+      expect(find.byType(TrashBreadcrumb), findsOneWidget);
+
+      // Navigate using the trash breadcrumb
+      await tester.tap(
+        find.descendant(
+          of: find.byType(TrashBreadcrumb),
+          matching: find.text(
+            LocaleKeys.trash_text.tr(),
+          ),
+        ),
+      );
+      await tester.pumpUntilFound(find.text(LocaleKeys.trash_restoreAll.tr()));
+
+      // Restore all
+      await tester.tap(find.text(LocaleKeys.trash_restoreAll.tr()));
+      await tester.pumpAndSettle();
+      await tester.tap(find.text(LocaleKeys.trash_restore.tr()));
+      await tester.pumpAndSettle();
+
+      // Navigate back to the document
+      await tester.openPage('Getting started');
+      await tester.pumpAndSettle();
+
+      await tester.tap(mentionBlock);
+      await tester.pumpAndSettle();
+
+      expect(find.byType(TrashBreadcrumb), findsNothing);
+    });
+  });
+}

frontend/appflowy_flutter/integration_test/desktop/document/document_inline_sub_page_test.dart

@@ -0,0 +1,365 @@
+import 'dart:io';
+
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/mention/mention_page_block.dart';
+import 'package:appflowy/workspace/presentation/home/menu/view/view_action_type.dart';
+import 'package:appflowy_editor/appflowy_editor.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/services.dart';
+
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../../shared/keyboard.dart';
+import '../../shared/util.dart';
+
+const _firstDocName = "Inline Sub Page Mention";
+const _createdPageName = "hi world";
+
+// Test cases that are covered in this file:
+// - [x] Insert sub page mention from action menu (+)
+// - [x] Delete sub page mention from editor
+// - [x] Delete page from sidebar
+// - [x] Delete page from sidebar and then trash
+// - [x] Undo delete sub page mention
+// - [x] Cut+paste in same document
+// - [x] Cut+paste in different document
+// - [x] Cut+paste in same document and then paste again in same document
+// - [x] Turn paragraph with sub page mention into a heading
+// - [x] Turn heading with sub page mention into a paragraph
+// - [x] Duplicate a Block containing two sub page mentions
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('document inline sub-page mention tests:', () {
+    testWidgets('Insert (& delete) a sub page mention from action menu',
+        (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+      await tester.createOpenRenameDocumentUnderParent(name: _firstDocName);
+
+      await tester.insertInlineSubPageFromPlusMenu();
+
+      await tester.expandOrCollapsePage(
+        pageName: _firstDocName,
+        layout: ViewLayoutPB.Document,
+      );
+      await tester.pumpAndSettle();
+
+      expect(find.text(_createdPageName), findsNWidgets(2));
+      expect(find.byType(MentionSubPageBlock), findsOneWidget);
+
+      // Delete from editor
+      await tester.editor.updateSelection(
+        Selection.collapsed(Position(path: [0], offset: 1)),
+      );
+
+      await tester.simulateKeyEvent(LogicalKeyboardKey.backspace);
+      await tester.pumpAndSettle();
+
+      expect(find.text(_createdPageName), findsNothing);
+      expect(find.byType(MentionSubPageBlock), findsNothing);
+
+      // Undo
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyZ,
+        isControlPressed: Platform.isLinux || Platform.isWindows,
+        isMetaPressed: Platform.isMacOS,
+      );
+      await tester.pumpAndSettle();
+
+      expect(find.text(_createdPageName), findsNWidgets(2));
+      expect(find.byType(MentionSubPageBlock), findsOneWidget);
+
+      // Move to trash (delete from sidebar)
+      await tester.rightClickOnPageName(_createdPageName);
+      await tester.tapButtonWithName(ViewMoreActionType.delete.name);
+      await tester.pumpAndSettle();
+
+      expect(find.text(_createdPageName), findsOneWidget);
+      expect(find.byType(MentionSubPageBlock), findsOneWidget);
+      expect(
+        find.text(LocaleKeys.document_mention_trashHint.tr()),
+        findsOneWidget,
+      );
+
+      // Delete from trash
+      await tester.tapTrashButton();
+      await tester.pumpAndSettle();
+
+      await tester.tap(find.text(LocaleKeys.trash_deleteAll.tr()));
+      await tester.pumpAndSettle();
+
+      await tester.tap(find.text(LocaleKeys.button_delete.tr()));
+      await tester.pumpAndSettle();
+
+      await tester.openPage(_firstDocName);
+      await tester.pumpAndSettle();
+
+      expect(find.text(_createdPageName), findsNothing);
+      expect(find.byType(MentionSubPageBlock), findsOneWidget);
+      expect(
+        find.text(LocaleKeys.document_mention_deletedPage.tr()),
+        findsOneWidget,
+      );
+    });
+
+    testWidgets(
+        'Cut+paste in same document and cut+paste in different document',
+        (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+      await tester.createOpenRenameDocumentUnderParent(name: _firstDocName);
+
+      await tester.insertInlineSubPageFromPlusMenu();
+
+      await tester.expandOrCollapsePage(
+        pageName: _firstDocName,
+        layout: ViewLayoutPB.Document,
+      );
+      await tester.pumpAndSettle();
+
+      expect(find.text(_createdPageName), findsNWidgets(2));
+      expect(find.byType(MentionSubPageBlock), findsOneWidget);
+
+      // Cut from editor
+      await tester.editor.updateSelection(
+        Selection.collapsed(Position(path: [0], offset: 1)),
+      );
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyX,
+        isControlPressed: Platform.isLinux || Platform.isWindows,
+        isMetaPressed: Platform.isMacOS,
+      );
+      await tester.pumpAndSettle();
+
+      expect(find.text(_createdPageName), findsNothing);
+      expect(find.byType(MentionSubPageBlock), findsNothing);
+
+      // Paste in same document
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyV,
+        isControlPressed: Platform.isLinux || Platform.isWindows,
+        isMetaPressed: Platform.isMacOS,
+      );
+      await tester.pumpAndSettle();
+
+      expect(find.text(_createdPageName), findsNWidgets(2));
+      expect(find.byType(MentionSubPageBlock), findsOneWidget);
+
+      // Cut again
+      await tester.editor.updateSelection(
+        Selection.collapsed(Position(path: [0], offset: 1)),
+      );
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyX,
+        isControlPressed: Platform.isLinux || Platform.isWindows,
+        isMetaPressed: Platform.isMacOS,
+      );
+      await tester.pumpAndSettle();
+
+      // Create another document
+      const anotherDocName = "Another Document";
+      await tester.createOpenRenameDocumentUnderParent(
+        name: anotherDocName,
+      );
+      await tester.pumpAndSettle();
+
+      expect(find.text(_createdPageName), findsNothing);
+      expect(find.byType(MentionSubPageBlock), findsNothing);
+
+      await tester.editor.tapLineOfEditorAt(0);
+      await tester.pumpAndSettle();
+
+      // Paste in document
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyV,
+        isControlPressed: Platform.isLinux || Platform.isWindows,
+        isMetaPressed: Platform.isMacOS,
+      );
+      await tester.pumpUntilFound(find.byType(MentionSubPageBlock));
+      await tester.pumpAndSettle();
+
+      expect(find.text(_createdPageName), findsOneWidget);
+
+      await tester.expandOrCollapsePage(
+        pageName: anotherDocName,
+        layout: ViewLayoutPB.Document,
+      );
+      await tester.pumpAndSettle();
+
+      expect(find.text(_createdPageName), findsNWidgets(2));
+    });
+    testWidgets(
+        'Cut+paste in same docuemnt and then paste again in same document',
+        (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+      await tester.createOpenRenameDocumentUnderParent(name: _firstDocName);
+
+      await tester.insertInlineSubPageFromPlusMenu();
+
+      await tester.expandOrCollapsePage(
+        pageName: _firstDocName,
+        layout: ViewLayoutPB.Document,
+      );
+      await tester.pumpAndSettle();
+
+      expect(find.text(_createdPageName), findsNWidgets(2));
+      expect(find.byType(MentionSubPageBlock), findsOneWidget);
+
+      // Cut from editor
+      await tester.editor.updateSelection(
+        Selection.collapsed(Position(path: [0], offset: 1)),
+      );
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyX,
+        isControlPressed: Platform.isLinux || Platform.isWindows,
+        isMetaPressed: Platform.isMacOS,
+      );
+      await tester.pumpAndSettle();
+
+      expect(find.text(_createdPageName), findsNothing);
+      expect(find.byType(MentionSubPageBlock), findsNothing);
+
+      // Paste in same document
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyV,
+        isControlPressed: Platform.isLinux || Platform.isWindows,
+        isMetaPressed: Platform.isMacOS,
+      );
+      await tester.pumpAndSettle();
+
+      expect(find.text(_createdPageName), findsNWidgets(2));
+      expect(find.byType(MentionSubPageBlock), findsOneWidget);
+
+      // Paste again
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyV,
+        isControlPressed: Platform.isLinux || Platform.isWindows,
+        isMetaPressed: Platform.isMacOS,
+      );
+      await tester.pumpAndSettle(const Duration(seconds: 2));
+
+      expect(find.text(_createdPageName), findsNWidgets(2));
+      expect(find.byType(MentionSubPageBlock), findsNWidgets(2));
+      expect(find.text('$_createdPageName (copy)'), findsNWidgets(2));
+    });
+
+    testWidgets('Turn into w/ sub page mentions', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+      await tester.createOpenRenameDocumentUnderParent(name: _firstDocName);
+
+      await tester.insertInlineSubPageFromPlusMenu();
+
+      await tester.expandOrCollapsePage(
+        pageName: _firstDocName,
+        layout: ViewLayoutPB.Document,
+      );
+      await tester.pumpAndSettle();
+
+      expect(find.text(_createdPageName), findsNWidgets(2));
+      expect(find.byType(MentionSubPageBlock), findsOneWidget);
+
+      final headingText = LocaleKeys.document_slashMenu_name_heading1.tr();
+      final paragraphText = LocaleKeys.document_slashMenu_name_text.tr();
+
+      // Turn into heading
+      await tester.editor.openTurnIntoMenu([0]);
+      await tester.tapButton(find.findTextInFlowyText(headingText));
+      await tester.pumpAndSettle();
+
+      expect(find.text(_createdPageName), findsNWidgets(2));
+      expect(find.byType(MentionSubPageBlock), findsOneWidget);
+
+      // Turn into paragraph
+      await tester.editor.openTurnIntoMenu([0]);
+      await tester.tapButton(find.findTextInFlowyText(paragraphText));
+      await tester.pumpAndSettle();
+
+      expect(find.text(_createdPageName), findsNWidgets(2));
+      expect(find.byType(MentionSubPageBlock), findsOneWidget);
+    });
+
+    testWidgets('Duplicate a block containing two sub page mentions',
+        (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+      await tester.createOpenRenameDocumentUnderParent(name: _firstDocName);
+
+      await tester.insertInlineSubPageFromPlusMenu();
+
+      // Copy paste it
+      await tester.editor.updateSelection(
+        Selection(
+          start: Position(path: [0]),
+          end: Position(path: [0], offset: 1),
+        ),
+      );
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyC,
+        isControlPressed: Platform.isLinux || Platform.isWindows,
+        isMetaPressed: Platform.isMacOS,
+      );
+      await tester.pumpAndSettle();
+
+      await tester.editor.updateSelection(
+        Selection.collapsed(Position(path: [0], offset: 1)),
+      );
+
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyV,
+        isControlPressed: Platform.isLinux || Platform.isWindows,
+        isMetaPressed: Platform.isMacOS,
+      );
+      await tester.pumpAndSettle();
+
+      expect(find.text(_createdPageName), findsOneWidget);
+      expect(find.text("$_createdPageName (copy)"), findsOneWidget);
+      expect(find.byType(MentionSubPageBlock), findsNWidgets(2));
+
+      // Duplicate node from block action menu
+      await tester.editor.hoverAndClickOptionMenuButton([0]);
+      await tester.tapButtonWithName(LocaleKeys.button_duplicate.tr());
+      await tester.pumpAndSettle();
+
+      expect(find.text(_createdPageName), findsOneWidget);
+      expect(find.text("$_createdPageName (copy)"), findsNWidgets(2));
+      expect(find.text("$_createdPageName (copy) (copy)"), findsOneWidget);
+    });
+  });
+}
+
+extension _InlineSubPageTestHelper on WidgetTester {
+  Future<void> insertInlineSubPageFromPlusMenu() async {
+    await editor.tapLineOfEditorAt(0);
+
+    await editor.showPlusMenu();
+
+    // Workaround to allow typing a document name
+    await FlowyTestKeyboard.simulateKeyDownEvent(
+      tester: this,
+      withKeyUp: true,
+      [
+        LogicalKeyboardKey.keyH,
+        LogicalKeyboardKey.keyI,
+        LogicalKeyboardKey.space,
+        LogicalKeyboardKey.keyW,
+        LogicalKeyboardKey.keyO,
+        LogicalKeyboardKey.keyR,
+        LogicalKeyboardKey.keyL,
+        LogicalKeyboardKey.keyD,
+      ],
+    );
+
+    await FlowyTestKeyboard.simulateKeyDownEvent(
+      tester: this,
+      withKeyUp: true,
+      [LogicalKeyboardKey.enter],
+    );
+    await pumpUntilFound(find.byType(MentionSubPageBlock));
+  }
+}

frontend/appflowy_flutter/integration_test/desktop/document/document_option_action_test.dart

@@ -1,3 +1,8 @@
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/callout/callout_block_component.dart';
+import 'package:appflowy_editor/appflowy_editor.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/services.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
 
@@ -7,9 +12,23 @@ void main() {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();
 
   // +, ... button beside the block component.
-  group('document with option action button', () {
-    testWidgets(
-        'click + to add a block after current selection, and click + and option key to add a block before current selection',
+  group('block option action:', () {
+    Future<void> turnIntoBlock(
+      WidgetTester tester,
+      Path path, {
+      required String menuText,
+      required String afterType,
+    }) async {
+      await tester.editor.openTurnIntoMenu(path);
+      await tester.tapButton(
+        find.findTextInFlowyText(menuText),
+      );
+      final node = tester.editor.getCurrentEditorState().getNodeAtPath(path);
+      expect(node?.type, afterType);
+    }
+
+    testWidgets('''click + to add a block after current selection,
+         and click + and option key to add a block before current selection''',
         (tester) async {
       await tester.initializeAppFlowy();
       await tester.tapAnonymousSignInButton();
@@ -40,5 +59,122 @@ void main() {
       expect(editorState.getNodeAtPath([0])?.delta?.toPlainText(), isEmpty);
       expect(editorState.getNodeAtPath([2])?.delta?.toPlainText(), isEmpty);
     });
+
+    testWidgets('turn into - single line', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      const name = 'Test Document';
+      await tester.createNewPageWithNameUnderParent(name: name);
+      await tester.openPage(name);
+
+      await tester.editor.tapLineOfEditorAt(0);
+      await tester.ime.insertText('turn into');
+
+      // click the block option button to convert it to another blocks
+      final values = {
+        LocaleKeys.document_slashMenu_name_heading1.tr(): HeadingBlockKeys.type,
+        LocaleKeys.document_slashMenu_name_heading2.tr(): HeadingBlockKeys.type,
+        LocaleKeys.document_slashMenu_name_heading3.tr(): HeadingBlockKeys.type,
+        LocaleKeys.document_slashMenu_name_bulletedList.tr():
+            BulletedListBlockKeys.type,
+        LocaleKeys.document_slashMenu_name_numberedList.tr():
+            NumberedListBlockKeys.type,
+        LocaleKeys.document_slashMenu_name_quote.tr(): QuoteBlockKeys.type,
+        LocaleKeys.document_slashMenu_name_todoList.tr():
+            TodoListBlockKeys.type,
+        LocaleKeys.document_slashMenu_name_callout.tr(): CalloutBlockKeys.type,
+        LocaleKeys.document_slashMenu_name_text.tr(): ParagraphBlockKeys.type,
+      };
+
+      for (final value in values.entries) {
+        final menuText = value.key;
+        final afterType = value.value;
+        await turnIntoBlock(
+          tester,
+          [0],
+          menuText: menuText,
+          afterType: afterType,
+        );
+      }
+    });
+
+    testWidgets('turn into - multi lines', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      const name = 'Test Document';
+      await tester.createNewPageWithNameUnderParent(name: name);
+      await tester.openPage(name);
+
+      await tester.editor.tapLineOfEditorAt(0);
+      await tester.ime.insertText('turn into 1');
+      await tester.ime.insertCharacter('\n');
+      await tester.ime.insertText('turn into 2');
+
+      // click the block option button to convert it to another blocks
+      final values = {
+        LocaleKeys.document_slashMenu_name_heading1.tr(): HeadingBlockKeys.type,
+        LocaleKeys.document_slashMenu_name_heading2.tr(): HeadingBlockKeys.type,
+        LocaleKeys.document_slashMenu_name_heading3.tr(): HeadingBlockKeys.type,
+        LocaleKeys.document_slashMenu_name_bulletedList.tr():
+            BulletedListBlockKeys.type,
+        LocaleKeys.document_slashMenu_name_numberedList.tr():
+            NumberedListBlockKeys.type,
+        LocaleKeys.document_slashMenu_name_quote.tr(): QuoteBlockKeys.type,
+        LocaleKeys.document_slashMenu_name_todoList.tr():
+            TodoListBlockKeys.type,
+        LocaleKeys.document_slashMenu_name_callout.tr(): CalloutBlockKeys.type,
+        LocaleKeys.document_slashMenu_name_text.tr(): ParagraphBlockKeys.type,
+      };
+
+      for (final value in values.entries) {
+        final editorState = tester.editor.getCurrentEditorState();
+        editorState.selection = Selection(
+          start: Position(path: [0]),
+          end: Position(path: [1], offset: 2),
+        );
+        final menuText = value.key;
+        final afterType = value.value;
+        await turnIntoBlock(
+          tester,
+          [0],
+          menuText: menuText,
+          afterType: afterType,
+        );
+      }
+    });
+
+    testWidgets(
+      'selecting the parent should deselect all the child nodes as well',
+      (tester) async {
+        await tester.initializeAppFlowy();
+        await tester.tapAnonymousSignInButton();
+
+        const name = 'Test Document';
+        await tester.createNewPageWithNameUnderParent(name: name);
+        await tester.openPage(name);
+
+        // create a nested list
+        // Item 1
+        //  Nested Item 1
+        await tester.editor.tapLineOfEditorAt(0);
+        await tester.ime.insertText('Item 1');
+        await tester.ime.insertCharacter('\n');
+        await tester.simulateKeyEvent(LogicalKeyboardKey.tab);
+        await tester.ime.insertText('Nested Item 1');
+
+        // select the 'Nested Item 1' and then tap the option button of the 'Item 1'
+        final editorState = tester.editor.getCurrentEditorState();
+        final selection = Selection.collapsed(
+          Position(path: [0, 0], offset: 1),
+        );
+        editorState.selection = selection;
+        await tester.pumpAndSettle();
+        expect(editorState.selection, selection);
+        await tester.editor.hoverAndClickOptionMenuButton([0]);
+        expect(editorState.selection, Selection.collapsed(Position(path: [0])));
+      },
+    );
   });
 }

frontend/appflowy_flutter/integration_test/desktop/document/document_selection_test.dart

@@ -0,0 +1,51 @@
+import 'package:appflowy_editor/appflowy_editor.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../../shared/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('document selection:', () {
+    testWidgets('select text from start to end by pan gesture ',
+        (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      // create a new document
+      await tester.createNewPageWithNameUnderParent();
+
+      final editor = tester.editor;
+      final editorState = editor.getCurrentEditorState();
+      // insert a paragraph
+      final transaction = editorState.transaction;
+      transaction.insertNode(
+        [0],
+        paragraphNode(
+          text:
+              '''Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.''',
+        ),
+      );
+      await editorState.apply(transaction);
+      await tester.pumpAndSettle(Durations.short1);
+
+      final textBlocks = find.byType(AppFlowyRichText);
+      final topLeft = tester.getTopLeft(textBlocks.at(0));
+
+      final gesture = await tester.startGesture(
+        topLeft,
+        pointer: 7,
+      );
+      await tester.pumpAndSettle();
+
+      for (var i = 0; i < 10; i++) {
+        await gesture.moveBy(const Offset(10, 0));
+        await tester.pump(Durations.short1);
+      }
+
+      expect(editorState.selection!.start.offset, 0);
+    });
+  });
+}

frontend/appflowy_flutter/integration_test/desktop/document/document_shortcuts_test.dart

@@ -0,0 +1,140 @@
+import 'package:appflowy_editor/appflowy_editor.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+import 'package:universal_platform/universal_platform.dart';
+
+import '../../shared/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('document shortcuts:', () {
+    testWidgets('custom cut command', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      const pageName = 'Test Document Shortcuts';
+      await tester.createNewPageWithNameUnderParent(name: pageName);
+
+      // focus on the editor
+      await tester.tap(find.byType(AppFlowyEditor));
+
+      // mock the data
+      final editorState = tester.editor.getCurrentEditorState();
+      final transaction = editorState.transaction;
+      const text1 = '1. First line';
+      const text2 = '2. Second line';
+      transaction.insertNodes([
+        0,
+      ], [
+        paragraphNode(text: text1),
+        paragraphNode(text: text2),
+      ]);
+      await editorState.apply(transaction);
+      await tester.pumpAndSettle();
+
+      // focus on the end of the first line
+      await tester.editor.updateSelection(
+        Selection.collapsed(
+          Position(path: [0], offset: text1.length),
+        ),
+      );
+      // press the keybinding
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyX,
+        isControlPressed: !UniversalPlatform.isMacOS,
+        isMetaPressed: UniversalPlatform.isMacOS,
+      );
+      await tester.pumpAndSettle();
+
+      // check the clipboard
+      final clipboard = await Clipboard.getData(Clipboard.kTextPlain);
+      expect(
+        clipboard?.text,
+        equals(text1),
+      );
+
+      final node = tester.editor.getNodeAtPath([0]);
+      expect(
+        node.delta?.toPlainText(),
+        equals(text2),
+      );
+
+      // select the whole line
+      await tester.editor.updateSelection(
+        Selection.single(
+          path: [0],
+          startOffset: 0,
+          endOffset: text2.length,
+        ),
+      );
+
+      // press the keybinding
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyX,
+        isControlPressed: !UniversalPlatform.isMacOS,
+        isMetaPressed: UniversalPlatform.isMacOS,
+      );
+      await tester.pumpAndSettle();
+
+      // all the text should be deleted
+      expect(
+        node.delta?.toPlainText(),
+        equals(''),
+      );
+
+      final clipboard2 = await Clipboard.getData(Clipboard.kTextPlain);
+      expect(
+        clipboard2?.text,
+        equals(text2),
+      );
+    });
+
+    testWidgets(
+        'custom copy command - copy whole line when selection is collapsed',
+        (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      const pageName = 'Test Document Shortcuts';
+      await tester.createNewPageWithNameUnderParent(name: pageName);
+
+      // focus on the editor
+      await tester.tap(find.byType(AppFlowyEditor));
+
+      // mock the data
+      final editorState = tester.editor.getCurrentEditorState();
+      final transaction = editorState.transaction;
+      const text1 = '1. First line';
+      transaction.insertNodes([
+        0,
+      ], [
+        paragraphNode(text: text1),
+      ]);
+      await editorState.apply(transaction);
+      await tester.pumpAndSettle();
+
+      // focus on the end of the first line
+      await tester.editor.updateSelection(
+        Selection.collapsed(
+          Position(path: [0], offset: text1.length),
+        ),
+      );
+      // press the keybinding
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyC,
+        isControlPressed: !UniversalPlatform.isMacOS,
+        isMetaPressed: UniversalPlatform.isMacOS,
+      );
+      await tester.pumpAndSettle();
+
+      // check the clipboard
+      final clipboard = await Clipboard.getData(Clipboard.kTextPlain);
+      expect(
+        clipboard?.text,
+        equals(text1),
+      );
+    });
+  });
+}

frontend/appflowy_flutter/integration_test/desktop/document/document_sub_page_test.dart

@@ -0,0 +1,539 @@
+import 'dart:io';
+
+import 'package:appflowy/workspace/presentation/home/menu/view/view_action_type.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/sub_page/sub_page_block_component.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
+import 'package:appflowy_editor/appflowy_editor.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../../shared/util.dart';
+
+// Test cases for the Document SubPageBlock that needs to be covered:
+// - [x] Insert a new SubPageBlock from Slash menu items (Expect it will create a child view under current view)
+// - [x] Delete a SubPageBlock from Block Action Menu (Expect the view is moved to trash / deleted)
+// - [x] Delete a SubPageBlock with backspace when selected (Expect the view is moved to trash / deleted)
+// - [x] Copy+paste a SubPageBlock in same Document (Expect a new view is created under current view with same content and name)
+// - [x] Copy+paste a SubPageBlock in different Document (Expect a new view is created under current view with same content and name)
+// - [x] Cut+paste a SubPageBlock in same Document (Expect the view to be deleted on Cut, and brought back on Paste)
+// - [x] Cut+paste a SubPageBlock in different Document (Expect the view to be deleted on Cut, and brought back on Paste)
+// - [x] Undo adding a SubPageBlock (Expect the view to be deleted)
+// - [x] Undo delete of a SubPageBlock (Expect the view to be brought back to original position)
+// - [x] Redo adding a SubPageBlock (Expect the view to be restored)
+// - [x] Redo delete of a SubPageBlock (Expect the view to be moved to trash again)
+// - [x] Renaming a child view (Expect the view name to be updated in the document)
+// - [x] Deleting a view (to trash) linked to a SubPageBlock deleted the SubPageBlock (Expect the SubPageBlock to be deleted)
+// - [x] Duplicating a SubPageBlock node from Action Menu (Expect a new view is created under current view with same content and name + (copy))
+// - [x] Dragging a SubPageBlock node to a new position in the document (Expect everything to be normal)
+
+/// The defaut page name is empty, if we're looking for a "text" we can look for
+/// [LocaleKeys.menuAppHeader_defaultNewPageName] but it won't work for eg. hoverOnPageName
+/// as it looks at the text provided instead of the actual displayed text.
+///
+const _defaultPageName = "";
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('Document SubPageBlock tests', () {
+    testWidgets('Insert a new SubPageBlock from Slash menu items',
+        (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+      await tester.createNewPageWithNameUnderParent(name: 'SubPageBlock');
+
+      await tester.insertSubPageFromSlashMenu();
+
+      await tester.expandOrCollapsePage(
+        pageName: 'SubPageBlock',
+        layout: ViewLayoutPB.Document,
+      );
+
+      expect(
+        find.text(LocaleKeys.menuAppHeader_defaultNewPageName.tr()),
+        findsNWidgets(3),
+      );
+    });
+
+    testWidgets('Rename and then Delete a SubPageBlock from Block Action Menu',
+        (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+      await tester.createNewPageWithNameUnderParent(name: 'SubPageBlock');
+
+      await tester.insertSubPageFromSlashMenu();
+
+      await tester.expandOrCollapsePage(
+        pageName: 'SubPageBlock',
+        layout: ViewLayoutPB.Document,
+      );
+      await tester.pumpAndSettle();
+
+      await tester.renamePageWithSecondary(_defaultPageName, 'Child page');
+      expect(find.text('Child page'), findsNWidgets(2));
+
+      await tester.editor.hoverAndClickOptionMenuButton([0]);
+
+      await tester.tapButtonWithName(LocaleKeys.button_delete.tr());
+      await tester.pumpAndSettle();
+
+      expect(find.text('Child page'), findsNothing);
+    });
+
+    testWidgets('Copy+paste a SubPageBlock in same Document', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+      await tester.createNewPageWithNameUnderParent(name: 'SubPageBlock');
+
+      await tester.insertSubPageFromSlashMenu();
+
+      await tester.expandOrCollapsePage(
+        pageName: 'SubPageBlock',
+        layout: ViewLayoutPB.Document,
+      );
+
+      await tester.renamePageWithSecondary(_defaultPageName, 'Child page');
+      expect(find.text('Child page'), findsNWidgets(2));
+
+      await tester.editor.hoverAndClickOptionAddButton([0], false);
+      await tester.editor.tapLineOfEditorAt(1);
+
+      // This is a workaround to allow CTRL+A and CTRL+C to work to copy
+      // the SubPageBlock as well.
+      await tester.ime.insertText('ABC');
+
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyA,
+        isControlPressed: Platform.isLinux || Platform.isWindows,
+        isMetaPressed: Platform.isMacOS,
+      );
+      await tester.pumpAndSettle();
+
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyC,
+        isControlPressed: Platform.isLinux || Platform.isWindows,
+        isMetaPressed: Platform.isMacOS,
+      );
+      await tester.pumpAndSettle();
+
+      await tester.editor.hoverAndClickOptionAddButton([1], false);
+      await tester.editor.tapLineOfEditorAt(2);
+      await tester.pumpAndSettle();
+
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyV,
+        isControlPressed: Platform.isLinux || Platform.isWindows,
+        isMetaPressed: Platform.isMacOS,
+      );
+      await tester.pumpAndSettle(const Duration(seconds: 5));
+
+      expect(find.byType(SubPageBlockComponent), findsNWidgets(2));
+      expect(find.text('Child page'), findsNWidgets(2));
+      expect(find.text('Child page (copy)'), findsNWidgets(2));
+    });
+
+    testWidgets('Copy+paste a SubPageBlock in different Document',
+        (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+      await tester.createNewPageWithNameUnderParent(name: 'SubPageBlock');
+
+      await tester.insertSubPageFromSlashMenu();
+
+      await tester.expandOrCollapsePage(
+        pageName: 'SubPageBlock',
+        layout: ViewLayoutPB.Document,
+      );
+
+      await tester.renamePageWithSecondary(_defaultPageName, 'Child page');
+      expect(find.text('Child page'), findsNWidgets(2));
+
+      await tester.editor.hoverAndClickOptionAddButton([0], false);
+      await tester.editor.tapLineOfEditorAt(1);
+
+      // This is a workaround to allow CTRL+A and CTRL+C to work to copy
+      // the SubPageBlock as well.
+      await tester.ime.insertText('ABC');
+
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyA,
+        isControlPressed: Platform.isLinux || Platform.isWindows,
+        isMetaPressed: Platform.isMacOS,
+      );
+      await tester.pumpAndSettle();
+
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyC,
+        isControlPressed: Platform.isLinux || Platform.isWindows,
+        isMetaPressed: Platform.isMacOS,
+      );
+      await tester.pumpAndSettle();
+
+      await tester.createNewPageWithNameUnderParent(name: 'SubPageBlock-2');
+
+      await tester.editor.tapLineOfEditorAt(0);
+      await tester.pumpAndSettle();
+
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyV,
+        isControlPressed: Platform.isLinux || Platform.isWindows,
+        isMetaPressed: Platform.isMacOS,
+      );
+      await tester.pumpAndSettle();
+
+      await tester.expandOrCollapsePage(
+        pageName: 'SubPageBlock-2',
+        layout: ViewLayoutPB.Document,
+      );
+
+      expect(find.byType(SubPageBlockComponent), findsOneWidget);
+      expect(find.text('Child page'), findsOneWidget);
+      expect(find.text('Child page (copy)'), findsNWidgets(2));
+    });
+
+    testWidgets('Cut+paste a SubPageBlock in same Document', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+      await tester.createNewPageWithNameUnderParent(name: 'SubPageBlock');
+
+      await tester.insertSubPageFromSlashMenu();
+
+      await tester.expandOrCollapsePage(
+        pageName: 'SubPageBlock',
+        layout: ViewLayoutPB.Document,
+      );
+
+      await tester.renamePageWithSecondary(_defaultPageName, 'Child page');
+      expect(find.text('Child page'), findsNWidgets(2));
+
+      await tester.editor
+          .updateSelection(Selection.single(path: [0], startOffset: 0));
+
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyX,
+        isControlPressed: Platform.isLinux || Platform.isWindows,
+        isMetaPressed: Platform.isMacOS,
+      );
+      await tester.pumpAndSettle();
+
+      expect(find.byType(SubPageBlockComponent), findsNothing);
+      expect(find.text('Child page'), findsNothing);
+
+      await tester.editor.tapLineOfEditorAt(0);
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyV,
+        isControlPressed: Platform.isLinux || Platform.isWindows,
+        isMetaPressed: Platform.isMacOS,
+      );
+      await tester.pumpAndSettle();
+
+      expect(find.byType(SubPageBlockComponent), findsOneWidget);
+      expect(find.text('Child page'), findsNWidgets(2));
+    });
+
+    testWidgets('Cut+paste a SubPageBlock in different Document',
+        (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+      await tester.createNewPageWithNameUnderParent(name: 'SubPageBlock');
+
+      await tester.insertSubPageFromSlashMenu();
+
+      await tester.expandOrCollapsePage(
+        pageName: 'SubPageBlock',
+        layout: ViewLayoutPB.Document,
+      );
+
+      await tester.renamePageWithSecondary(_defaultPageName, 'Child page');
+      expect(find.text('Child page'), findsNWidgets(2));
+
+      await tester.editor
+          .updateSelection(Selection.single(path: [0], startOffset: 0));
+
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyX,
+        isControlPressed: Platform.isLinux || Platform.isWindows,
+        isMetaPressed: Platform.isMacOS,
+      );
+      await tester.pumpAndSettle();
+
+      expect(find.byType(SubPageBlockComponent), findsNothing);
+      expect(find.text('Child page'), findsNothing);
+
+      await tester.createNewPageWithNameUnderParent(name: 'SubPageBlock-2');
+
+      await tester.editor.tapLineOfEditorAt(0);
+      await tester.pumpAndSettle();
+
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyV,
+        isControlPressed: Platform.isLinux || Platform.isWindows,
+        isMetaPressed: Platform.isMacOS,
+      );
+      await tester.pumpAndSettle();
+
+      await tester.expandOrCollapsePage(
+        pageName: 'SubPageBlock-2',
+        layout: ViewLayoutPB.Document,
+      );
+
+      expect(find.byType(SubPageBlockComponent), findsOneWidget);
+      expect(find.text('Child page'), findsNWidgets(2));
+      expect(find.text('Child page (copy)'), findsNothing);
+    });
+
+    testWidgets('Undo delete of a SubPageBlock', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+      await tester.createNewPageWithNameUnderParent(name: 'SubPageBlock');
+
+      await tester.insertSubPageFromSlashMenu();
+
+      await tester.expandOrCollapsePage(
+        pageName: 'SubPageBlock',
+        layout: ViewLayoutPB.Document,
+      );
+
+      await tester.renamePageWithSecondary(_defaultPageName, 'Child page');
+      expect(find.text('Child page'), findsNWidgets(2));
+
+      await tester.editor.hoverAndClickOptionMenuButton([0]);
+      await tester.tapButtonWithName(LocaleKeys.button_delete.tr());
+      await tester.pumpAndSettle();
+
+      expect(find.text('Child page'), findsNothing);
+      expect(find.byType(SubPageBlockComponent), findsNothing);
+
+      // Since there is no selection active in editor before deleting Node,
+      // we need to give focus back to the editor
+      await tester.editor
+          .updateSelection(Selection.collapsed(Position(path: [0])));
+
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyZ,
+        isControlPressed: Platform.isLinux || Platform.isWindows,
+        isMetaPressed: Platform.isMacOS,
+      );
+      await tester.pumpAndSettle();
+
+      expect(find.text('Child page'), findsNWidgets(2));
+      expect(find.byType(SubPageBlockComponent), findsOneWidget);
+    });
+
+    // Redo: undoing deleting a subpage block, then redoing to delete it again
+    // -> Add a subpage block
+    // -> Delete
+    // -> Undo
+    // -> Redo
+    testWidgets('Redo delete of a SubPageBlock', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+      await tester.createNewPageWithNameUnderParent(name: 'SubPageBlock');
+
+      await tester.insertSubPageFromSlashMenu(true);
+
+      await tester.expandOrCollapsePage(
+        pageName: 'SubPageBlock',
+        layout: ViewLayoutPB.Document,
+      );
+
+      await tester.renamePageWithSecondary(_defaultPageName, 'Child page');
+      expect(find.text('Child page'), findsNWidgets(2));
+
+      // Delete
+      await tester.editor.hoverAndClickOptionMenuButton([1]);
+      await tester.tapButtonWithName(LocaleKeys.button_delete.tr());
+      await tester.pumpAndSettle();
+
+      expect(find.text('Child page'), findsNothing);
+      expect(find.byType(SubPageBlockComponent), findsNothing);
+
+      await tester.editor.tapLineOfEditorAt(0);
+
+      // Undo
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyZ,
+        isControlPressed: Platform.isLinux || Platform.isWindows,
+        isMetaPressed: Platform.isMacOS,
+      );
+      await tester.pumpAndSettle();
+      expect(find.byType(SubPageBlockComponent), findsOneWidget);
+      expect(find.text('Child page'), findsNWidgets(2));
+
+      // Redo
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyZ,
+        isShiftPressed: true,
+        isControlPressed: Platform.isLinux || Platform.isWindows,
+        isMetaPressed: Platform.isMacOS,
+      );
+      await tester.pumpAndSettle();
+
+      expect(find.byType(SubPageBlockComponent), findsNothing);
+      expect(find.text('Child page'), findsNothing);
+    });
+
+    testWidgets('Delete a view from sidebar', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+      await tester.createNewPageWithNameUnderParent(name: 'SubPageBlock');
+
+      await tester.insertSubPageFromSlashMenu();
+
+      await tester.expandOrCollapsePage(
+        pageName: 'SubPageBlock',
+        layout: ViewLayoutPB.Document,
+      );
+
+      await tester.renamePageWithSecondary(_defaultPageName, 'Child page');
+      expect(find.text('Child page'), findsNWidgets(2));
+      expect(find.byType(SubPageBlockComponent), findsOneWidget);
+
+      await tester.hoverOnPageName(
+        'Child page',
+        onHover: () async {
+          await tester.tapDeletePageButton();
+        },
+      );
+      await tester.pumpAndSettle(const Duration(seconds: 1));
+
+      expect(find.text('Child page'), findsNothing);
+      expect(find.byType(SubPageBlockComponent), findsNothing);
+    });
+
+    testWidgets('Duplicate SubPageBlock from Block Menu', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+      await tester.createNewPageWithNameUnderParent(name: 'SubPageBlock');
+
+      await tester.insertSubPageFromSlashMenu();
+
+      await tester.expandOrCollapsePage(
+        pageName: 'SubPageBlock',
+        layout: ViewLayoutPB.Document,
+      );
+
+      await tester.renamePageWithSecondary(_defaultPageName, 'Child page');
+      expect(find.text('Child page'), findsNWidgets(2));
+
+      await tester.editor.hoverAndClickOptionMenuButton([0]);
+
+      await tester.tapButtonWithName(LocaleKeys.button_duplicate.tr());
+      await tester.pumpAndSettle();
+
+      expect(find.text('Child page'), findsNWidgets(2));
+      expect(find.text('Child page (copy)'), findsNWidgets(2));
+      expect(find.byType(SubPageBlockComponent), findsNWidgets(2));
+    });
+
+    testWidgets('Drag SubPageBlock to top of Document', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+      await tester.createNewPageWithNameUnderParent(name: 'SubPageBlock');
+
+      await tester.insertSubPageFromSlashMenu(true);
+
+      await tester.expandOrCollapsePage(
+        pageName: 'SubPageBlock',
+        layout: ViewLayoutPB.Document,
+      );
+
+      expect(find.byType(SubPageBlockComponent), findsOneWidget);
+
+      final beforeNode = tester.editor.getNodeAtPath([1]);
+
+      await tester.editor.dragBlock([1], const Offset(20, -45));
+      await tester.pumpAndSettle(Durations.long1);
+
+      final afterNode = tester.editor.getNodeAtPath([0]);
+
+      expect(afterNode.type, SubPageBlockKeys.type);
+      expect(afterNode.type, beforeNode.type);
+      expect(find.byType(SubPageBlockComponent), findsOneWidget);
+    });
+
+    testWidgets('turn into page', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+      await tester.createNewPageWithNameUnderParent(name: 'SubPageBlock');
+
+      final editorState = tester.editor.getCurrentEditorState();
+
+      // Insert nested list
+      final transaction = editorState.transaction;
+      transaction.insertNode(
+        [0],
+        bulletedListNode(
+          text: 'Parent',
+          children: [
+            bulletedListNode(text: 'Child 1'),
+            bulletedListNode(text: 'Child 2'),
+          ],
+        ),
+      );
+      await editorState.apply(transaction);
+      await tester.pumpAndSettle();
+
+      expect(find.byType(SubPageBlockComponent), findsNothing);
+
+      await tester.editor.hoverAndClickOptionMenuButton([0]);
+      await tester.tapButtonWithName(
+        LocaleKeys.document_plugins_optionAction_turnInto.tr(),
+      );
+      await tester.pumpAndSettle();
+
+      await tester.tap(find.text(LocaleKeys.editor_page.tr()));
+      await tester.pumpAndSettle();
+
+      expect(find.byType(SubPageBlockComponent), findsOneWidget);
+
+      await tester.expandOrCollapsePage(
+        pageName: 'SubPageBlock',
+        layout: ViewLayoutPB.Document,
+      );
+
+      expect(find.text('Parent'), findsNWidgets(2));
+    });
+  });
+}
+
+extension _SubPageTestHelper on WidgetTester {
+  Future<void> insertSubPageFromSlashMenu([bool withTextNode = false]) async {
+    await editor.tapLineOfEditorAt(0);
+
+    if (withTextNode) {
+      await ime.insertText('ABC');
+      await editor.getCurrentEditorState().insertNewLine();
+      await pumpAndSettle();
+    }
+
+    await editor.showSlashMenu();
+    await editor.tapSlashMenuItemWithName(
+      LocaleKeys.document_slashMenu_subPage_name.tr(),
+      offset: 100,
+    );
+
+    // Navigate to the previous page to see the SubPageBlock
+    await openPage('SubPageBlock');
+    await pumpAndSettle();
+
+    await pumpUntilFound(find.byType(SubPageBlockComponent));
+  }
+
+  Future<void> renamePageWithSecondary(
+    String currentName,
+    String newName,
+  ) async {
+    await hoverOnPageName(currentName, onHover: () async => pumpAndSettle());
+    await rightClickOnPageName(currentName);
+    await tapButtonWithName(ViewMoreActionType.rename.name);
+    await enterText(find.byType(TextFormField), newName);
+    await tapOKButton();
+    await pumpAndSettle();
+  }
+}

frontend/appflowy_flutter/integration_test/desktop/document/document_test_runner.dart

@@ -1,48 +0,0 @@
-import 'package:integration_test/integration_test.dart';
-
-import 'document_alignment_test.dart' as document_alignment_test;
-import 'document_codeblock_paste_test.dart' as document_codeblock_paste_test;
-import 'document_copy_and_paste_test.dart' as document_copy_and_paste_test;
-import 'document_create_and_delete_test.dart'
-    as document_create_and_delete_test;
-import 'document_option_action_test.dart' as document_option_action_test;
-import 'document_inline_page_reference_test.dart'
-    as document_inline_page_reference_test;
-import 'document_more_actions_test.dart' as document_more_actions_test;
-import 'document_text_direction_test.dart' as document_text_direction_test;
-import 'document_with_cover_image_test.dart' as document_with_cover_image_test;
-import 'document_with_database_test.dart' as document_with_database_test;
-import 'document_with_file_test.dart' as document_with_file_test;
-import 'document_with_image_block_test.dart' as document_with_image_block_test;
-import 'document_with_inline_math_equation_test.dart'
-    as document_with_inline_math_equation_test;
-import 'document_with_inline_page_test.dart' as document_with_inline_page_test;
-import 'document_with_multi_image_block_test.dart'
-    as document_with_multi_image_block_test;
-import 'document_with_outline_block_test.dart' as document_with_outline_block;
-import 'document_with_toggle_list_test.dart' as document_with_toggle_list_test;
-import 'edit_document_test.dart' as document_edit_test;
-
-void startTesting() {
-  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
-
-  // Document integration tests
-  document_create_and_delete_test.main();
-  document_edit_test.main();
-  document_with_database_test.main();
-  document_with_inline_page_test.main();
-  document_with_inline_math_equation_test.main();
-  document_with_cover_image_test.main();
-  document_with_outline_block.main();
-  document_with_toggle_list_test.main();
-  document_copy_and_paste_test.main();
-  document_codeblock_paste_test.main();
-  document_alignment_test.main();
-  document_text_direction_test.main();
-  document_option_action_test.main();
-  document_with_image_block_test.main();
-  document_with_multi_image_block_test.main();
-  document_inline_page_reference_test.main();
-  document_more_actions_test.main();
-  document_with_file_test.main();
-}

frontend/appflowy_flutter/integration_test/desktop/document/document_test_runner_1.dart

@@ -0,0 +1,23 @@
+import 'package:integration_test/integration_test.dart';
+
+import 'document_create_and_delete_test.dart'
+    as document_create_and_delete_test;
+import 'document_with_cover_image_test.dart' as document_with_cover_image_test;
+import 'document_with_database_test.dart' as document_with_database_test;
+import 'document_with_inline_math_equation_test.dart'
+    as document_with_inline_math_equation_test;
+import 'document_with_inline_page_test.dart' as document_with_inline_page_test;
+import 'edit_document_test.dart' as document_edit_test;
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  // Document integration tests
+  document_create_and_delete_test.main();
+  document_edit_test.main();
+  document_with_database_test.main();
+  document_with_inline_page_test.main();
+  document_with_inline_math_equation_test.main();
+  document_with_cover_image_test.main();
+  // Don't add new tests here.
+}

frontend/appflowy_flutter/integration_test/desktop/document/document_test_runner_2.dart

@@ -0,0 +1,26 @@
+import 'package:integration_test/integration_test.dart';
+
+import 'document_app_lifecycle_test.dart' as document_app_lifecycle_test;
+import 'document_deletion_test.dart' as document_deletion_test;
+import 'document_inline_sub_page_test.dart' as document_inline_sub_page_test;
+import 'document_option_action_test.dart' as document_option_action_test;
+import 'document_title_test.dart' as document_title_test;
+import 'document_with_date_reminder_test.dart'
+    as document_with_date_reminder_test;
+import 'document_with_toggle_heading_block_test.dart'
+    as document_with_toggle_heading_block_test;
+import 'document_sub_page_test.dart' as document_sub_page_test;
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  // Document integration tests
+  document_title_test.main();
+  document_app_lifecycle_test.main();
+  document_with_date_reminder_test.main();
+  document_deletion_test.main();
+  document_option_action_test.main();
+  document_inline_sub_page_test.main();
+  document_with_toggle_heading_block_test.main();
+  document_sub_page_test.main();
+}

frontend/appflowy_flutter/integration_test/desktop/document/document_test_runner_3.dart

@@ -0,0 +1,22 @@
+import 'package:integration_test/integration_test.dart';
+
+import 'document_alignment_test.dart' as document_alignment_test;
+import 'document_codeblock_paste_test.dart' as document_codeblock_paste_test;
+import 'document_copy_and_paste_test.dart' as document_copy_and_paste_test;
+import 'document_text_direction_test.dart' as document_text_direction_test;
+import 'document_with_outline_block_test.dart' as document_with_outline_block;
+import 'document_with_toggle_list_test.dart' as document_with_toggle_list_test;
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  // Document integration tests
+  document_with_outline_block.main();
+  document_with_toggle_list_test.main();
+  document_copy_and_paste_test.main();
+  document_codeblock_paste_test.main();
+  document_alignment_test.main();
+  document_text_direction_test.main();
+
+  // Don't add new tests here.
+}

frontend/appflowy_flutter/integration_test/desktop/document/document_test_runner_4.dart

@@ -0,0 +1,25 @@
+import 'package:integration_test/integration_test.dart';
+
+import 'document_inline_page_reference_test.dart'
+    as document_inline_page_reference_test;
+import 'document_more_actions_test.dart' as document_more_actions_test;
+import 'document_shortcuts_test.dart' as document_shortcuts_test;
+import 'document_with_file_test.dart' as document_with_file_test;
+import 'document_with_image_block_test.dart' as document_with_image_block_test;
+import 'document_with_multi_image_block_test.dart'
+    as document_with_multi_image_block_test;
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  // Document integration tests
+  document_with_image_block_test.main();
+  document_with_multi_image_block_test.main();
+  document_inline_page_reference_test.main();
+  document_more_actions_test.main();
+  document_with_file_test.main();
+  document_shortcuts_test.main();
+
+  // Disable subPage test temporarily, enable it in version 0.7.2
+  // document_sub_page_test.main();
+}

frontend/appflowy_flutter/integration_test/desktop/document/document_title_test.dart

@@ -0,0 +1,351 @@
+import 'package:appflowy/plugins/document/presentation/editor_plugins/plugins.dart';
+import 'package:appflowy_editor/appflowy_editor.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+import 'package:universal_platform/universal_platform.dart';
+
+import '../../shared/constants.dart';
+import '../../shared/util.dart';
+
+const _testDocumentName = 'Test Document';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('document title:', () {
+    testWidgets('create a new document and edit title', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      // create a new document
+      await tester.createNewPageWithNameUnderParent();
+
+      final title = tester.editor.findDocumentTitle('');
+      expect(title, findsOneWidget);
+
+      // input name
+      await tester.enterText(title, _testDocumentName);
+      await tester.pumpAndSettle();
+
+      final newTitle = tester.editor.findDocumentTitle(_testDocumentName);
+      expect(newTitle, findsOneWidget);
+
+      // press enter to create a new line
+      await tester.simulateKeyEvent(LogicalKeyboardKey.enter);
+      await tester.pumpAndSettle();
+
+      const firstLine = 'First line of text';
+      await tester.ime.insertText(firstLine);
+      await tester.pumpAndSettle();
+
+      final firstLineText = find.text(firstLine, findRichText: true);
+      expect(firstLineText, findsOneWidget);
+
+      // press cmd/ctrl+left to move the cursor to the start of the line
+      if (UniversalPlatform.isMacOS) {
+        await tester.simulateKeyEvent(
+          LogicalKeyboardKey.arrowLeft,
+          isMetaPressed: true,
+        );
+      } else {
+        await tester.simulateKeyEvent(LogicalKeyboardKey.home);
+      }
+      await tester.pumpAndSettle();
+
+      // press arrow left to delete the first line
+      await tester.simulateKeyEvent(LogicalKeyboardKey.arrowLeft);
+      await tester.pumpAndSettle();
+
+      // check if the title is on focus
+      final titleOnFocus = tester.editor.findDocumentTitle(_testDocumentName);
+      final titleWidget = tester.widget<TextField>(titleOnFocus);
+      expect(titleWidget.focusNode?.hasFocus, isTrue);
+
+      // press the right arrow key to move the cursor to the first line
+      await tester.simulateKeyEvent(LogicalKeyboardKey.arrowRight);
+
+      // check if the title is not on focus
+      expect(titleWidget.focusNode?.hasFocus, isFalse);
+
+      final editorState = tester.editor.getCurrentEditorState();
+      expect(editorState.selection, Selection.collapsed(Position(path: [0])));
+
+      // press the backspace key to go to the title
+      await tester.simulateKeyEvent(LogicalKeyboardKey.backspace);
+
+      expect(editorState.selection, null);
+      expect(titleWidget.focusNode?.hasFocus, isTrue);
+    });
+
+    testWidgets('check if the title is saved', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      // create a new document
+      await tester.createNewPageWithNameUnderParent();
+
+      final title = tester.editor.findDocumentTitle('');
+      expect(title, findsOneWidget);
+
+      // input name
+      await tester.enterText(title, _testDocumentName);
+      await tester.pumpAndSettle();
+
+      if (UniversalPlatform.isLinux) {
+        // wait for the name to be saved
+        await tester.wait(250);
+      }
+
+      // go to the get started page
+      await tester.tapButton(
+        tester.findPageName(Constants.gettingStartedPageName),
+      );
+
+      // go back to the  page
+      await tester.tapButton(tester.findPageName(_testDocumentName));
+
+      // check if the title is saved
+      final testDocumentTitle = tester.editor.findDocumentTitle(
+        _testDocumentName,
+      );
+      expect(testDocumentTitle, findsOneWidget);
+    });
+
+    testWidgets('arrow up from first line moves focus to title',
+        (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      await tester.createNewPageWithNameUnderParent();
+
+      final title = tester.editor.findDocumentTitle('');
+      await tester.enterText(title, _testDocumentName);
+      await tester.pumpAndSettle();
+
+      await tester.simulateKeyEvent(LogicalKeyboardKey.enter);
+      await tester.ime.insertText('First line of text');
+      await tester.pumpAndSettle();
+
+      await tester.simulateKeyEvent(LogicalKeyboardKey.home);
+
+      // press the arrow upload
+      await tester.simulateKeyEvent(LogicalKeyboardKey.arrowUp);
+
+      final titleWidget = tester.widget<TextField>(
+        tester.editor.findDocumentTitle(_testDocumentName),
+      );
+      expect(titleWidget.focusNode?.hasFocus, isTrue);
+
+      final editorState = tester.editor.getCurrentEditorState();
+      expect(editorState.selection, null);
+    });
+
+    testWidgets(
+        'backspace at start of first line moves focus to title and deletes empty paragraph',
+        (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      await tester.createNewPageWithNameUnderParent();
+
+      final title = tester.editor.findDocumentTitle('');
+      await tester.enterText(title, _testDocumentName);
+      await tester.pumpAndSettle();
+
+      await tester.simulateKeyEvent(LogicalKeyboardKey.enter);
+
+      final editorState = tester.editor.getCurrentEditorState();
+      expect(editorState.document.root.children.length, equals(2));
+
+      await tester.simulateKeyEvent(LogicalKeyboardKey.backspace);
+
+      final titleWidget = tester.widget<TextField>(
+        tester.editor.findDocumentTitle(_testDocumentName),
+      );
+      expect(titleWidget.focusNode?.hasFocus, isTrue);
+
+      // at least one empty paragraph node is created
+      expect(editorState.document.root.children.length, equals(1));
+    });
+
+    testWidgets('arrow right from end of title moves focus to first line',
+        (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      await tester.createNewPageWithNameUnderParent();
+
+      final title = tester.editor.findDocumentTitle('');
+      await tester.enterText(title, _testDocumentName);
+      await tester.pumpAndSettle();
+
+      await tester.simulateKeyEvent(LogicalKeyboardKey.enter);
+      await tester.ime.insertText('First line of text');
+
+      await tester.tapButton(
+        tester.editor.findDocumentTitle(_testDocumentName),
+      );
+      await tester.simulateKeyEvent(LogicalKeyboardKey.end);
+      await tester.simulateKeyEvent(LogicalKeyboardKey.arrowRight);
+
+      final editorState = tester.editor.getCurrentEditorState();
+      expect(
+        editorState.selection,
+        Selection.collapsed(
+          Position(path: [0]),
+        ),
+      );
+    });
+
+    testWidgets('change the title via sidebar, check the title is updated',
+        (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      await tester.createNewPageWithNameUnderParent();
+
+      final title = tester.editor.findDocumentTitle('');
+      expect(title, findsOneWidget);
+
+      await tester.hoverOnPageName(
+        '',
+        onHover: () async {
+          await tester.renamePage(_testDocumentName);
+          await tester.pumpAndSettle();
+        },
+      );
+      await tester.pumpAndSettle();
+
+      final newTitle = tester.editor.findDocumentTitle(_testDocumentName);
+      expect(newTitle, findsOneWidget);
+    });
+
+    testWidgets('execute undo and redo in title', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      await tester.createNewPageWithNameUnderParent();
+
+      final title = tester.editor.findDocumentTitle('');
+      await tester.enterText(title, _testDocumentName);
+      // press a random key to make the undo stack not empty
+      await tester.simulateKeyEvent(LogicalKeyboardKey.keyA);
+      await tester.pumpAndSettle();
+
+      // undo
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyZ,
+        isControlPressed: !UniversalPlatform.isMacOS,
+        isMetaPressed: UniversalPlatform.isMacOS,
+      );
+      // wait for the undo to be applied
+      await tester.pumpAndSettle(Durations.long1);
+
+      // expect the title is empty
+      expect(
+        tester
+            .widget<TextField>(
+              tester.editor.findDocumentTitle(''),
+            )
+            .controller
+            ?.text,
+        '',
+      );
+
+      // redo
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyZ,
+        isControlPressed: !UniversalPlatform.isMacOS,
+        isMetaPressed: UniversalPlatform.isMacOS,
+        isShiftPressed: true,
+      );
+
+      await tester.pumpAndSettle(Durations.short1);
+
+      if (UniversalPlatform.isMacOS) {
+        expect(
+          tester
+              .widget<TextField>(
+                tester.editor.findDocumentTitle(_testDocumentName),
+              )
+              .controller
+              ?.text,
+          _testDocumentName,
+        );
+      }
+    });
+
+    testWidgets('escape key should exit the editing mode', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      await tester.createNewPageWithNameUnderParent();
+
+      final title = tester.editor.findDocumentTitle('');
+      await tester.enterText(title, _testDocumentName);
+      await tester.pumpAndSettle();
+
+      await tester.simulateKeyEvent(LogicalKeyboardKey.escape);
+      await tester.pumpAndSettle();
+
+      expect(
+        tester
+            .widget<TextField>(
+              tester.editor.findDocumentTitle(_testDocumentName),
+            )
+            .focusNode
+            ?.hasFocus,
+        isFalse,
+      );
+    });
+
+    testWidgets('press arrow down key in title, check if the cursor flashes',
+        (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      await tester.createNewPageWithNameUnderParent();
+
+      final title = tester.editor.findDocumentTitle('');
+      await tester.enterText(title, _testDocumentName);
+      await tester.pumpAndSettle();
+
+      await tester.simulateKeyEvent(LogicalKeyboardKey.enter);
+      const inputText = 'Hello World';
+      await tester.ime.insertText(inputText);
+
+      await tester.tapButton(
+        tester.editor.findDocumentTitle(_testDocumentName),
+      );
+      await tester.simulateKeyEvent(LogicalKeyboardKey.arrowDown);
+      final editorState = tester.editor.getCurrentEditorState();
+      expect(
+        editorState.selection,
+        Selection.collapsed(
+          Position(path: [0], offset: inputText.length),
+        ),
+      );
+    });
+
+    testWidgets(
+        'hover on the cover title, check if the add icon & add cover button are shown',
+        (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      await tester.createNewPageWithNameUnderParent();
+
+      final title = tester.editor.findDocumentTitle('');
+      await tester.hoverOnWidget(
+        title,
+        onHover: () async {
+          expect(find.byType(DocumentCoverWidget), findsOneWidget);
+        },
+      );
+
+      await tester.pumpAndSettle();
+    });
+  });
+}

frontend/appflowy_flutter/integration_test/desktop/document/document_with_cover_image_test.dart

@@ -1,9 +1,8 @@
-import 'package:flutter/material.dart';
-
 import 'package:appflowy/generated/locale_keys.g.dart';
-import 'package:appflowy/plugins/document/presentation/editor_plugins/header/document_header_node_widget.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/header/document_cover_widget.dart';
 import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
 import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
 import 'package:flutter_emoji_mart/flutter_emoji_mart.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
@@ -14,7 +13,7 @@ import '../../shared/util.dart';
 void main() {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();
 
-  group('cover image', () {
+  group('cover image:', () {
     testWidgets('document cover tests', (tester) async {
       await tester.initializeAppFlowy();
       await tester.tapAnonymousSignInButton();

frontend/appflowy_flutter/integration_test/desktop/document/document_with_database_test.dart

@@ -60,6 +60,57 @@ void main() {
       );
     });
 
+    testWidgets('insert multiple referenced boards', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      // create a new grid
+      final id = uuid();
+      final name = '${ViewLayoutPB.Board.name}_$id';
+      await tester.createNewPageWithNameUnderParent(
+        name: name,
+        layout: ViewLayoutPB.Board,
+        openAfterCreated: false,
+      );
+      // create a new document
+      await tester.createNewPageWithNameUnderParent(
+        name: 'insert_a_reference_${ViewLayoutPB.Board.name}',
+      );
+      // tap the first line of the document
+      await tester.editor.tapLineOfEditorAt(0);
+      // insert a referenced view
+      await tester.editor.showSlashMenu();
+      await tester.editor.tapSlashMenuItemWithName(
+        ViewLayoutPB.Board.slashMenuLinkedName,
+      );
+      final referencedDatabase1 = find.descendant(
+        of: find.byType(InlineActionsHandler),
+        matching: find.findTextInFlowyText(name),
+      );
+      expect(referencedDatabase1, findsOneWidget);
+      await tester.tapButton(referencedDatabase1);
+
+      await tester.editor.tapLineOfEditorAt(1);
+      await tester.editor.showSlashMenu();
+      await tester.editor.tapSlashMenuItemWithName(
+        ViewLayoutPB.Board.slashMenuLinkedName,
+      );
+      final referencedDatabase2 = find.descendant(
+        of: find.byType(InlineActionsHandler),
+        matching: find.findTextInFlowyText(name),
+      );
+      expect(referencedDatabase2, findsOneWidget);
+      await tester.tapButton(referencedDatabase2);
+
+      expect(
+        find.descendant(
+          of: find.byType(AppFlowyEditor),
+          matching: find.byType(DesktopBoardPage),
+        ),
+        findsNWidgets(2),
+      );
+    });
+
     testWidgets('insert a referenced calendar', (tester) async {
       await tester.initializeAppFlowy();
       await tester.tapAnonymousSignInButton();

frontend/appflowy_flutter/integration_test/desktop/document/document_with_date_reminder_test.dart

@@ -0,0 +1,125 @@
+import 'package:appflowy/generated/flowy_svgs.g.dart';
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/mention/mention_date_block.dart';
+import 'package:appflowy/workspace/application/settings/date_time/date_format_ext.dart';
+import 'package:appflowy/workspace/presentation/widgets/date_picker/desktop_date_picker.dart';
+import 'package:appflowy/workspace/presentation/widgets/toggle/toggle.dart';
+import 'package:appflowy_backend/protobuf/flowy-user/protobuf.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../../shared/util.dart';
+
+void main() {
+  setUp(() {
+    IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+    TestWidgetsFlutterBinding.ensureInitialized();
+  });
+
+  group('date or reminder block in document', () {
+    testWidgets("insert date with time block", (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      // create a new document
+      await tester.createNewPageWithNameUnderParent(
+        name: 'Date with time test',
+      );
+
+      // tap the first line of the document
+      await tester.editor.tapLineOfEditorAt(0);
+      await tester.editor.showSlashMenu();
+      await tester.editor.tapSlashMenuItemWithName(
+        LocaleKeys.document_slashMenu_name_dateOrReminder.tr(),
+      );
+
+      final dateTimeSettings = DateTimeSettingsPB(
+        dateFormat: UserDateFormatPB.Friendly,
+        timeFormat: UserTimeFormatPB.TwentyFourHour,
+      );
+      final DateTime currentDateTime = DateTime.now();
+      final String formattedDate =
+          dateTimeSettings.dateFormat.formatDate(currentDateTime, false);
+
+      // get current date in editor
+      expect(find.byType(MentionDateBlock), findsOneWidget);
+      expect(find.text('@$formattedDate'), findsOneWidget);
+
+      // tap on date field
+      await tester.tap(find.byType(MentionDateBlock));
+      await tester.pumpAndSettle();
+
+      // tap the toggle of include time
+      await tester.tap(find.byType(Toggle));
+      await tester.pumpAndSettle();
+
+      // add time 11:12
+      final textField = find
+          .descendant(
+            of: find.byType(DesktopAppFlowyDatePicker),
+            matching: find.byType(TextField),
+          )
+          .last;
+      await tester.pumpUntilFound(textField);
+      await tester.enterText(textField, "11:12");
+      await tester.testTextInput.receiveAction(TextInputAction.done);
+      await tester.pumpAndSettle();
+
+      // we will get field with current date and 11:12 as time
+      expect(find.byType(MentionDateBlock), findsOneWidget);
+      expect(find.text('@$formattedDate 11:12'), findsOneWidget);
+    });
+
+    testWidgets("insert date with reminder block", (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      // create a new document
+      await tester.createNewPageWithNameUnderParent(
+        name: 'Date with reminder test',
+      );
+
+      // tap the first line of the document
+      await tester.editor.tapLineOfEditorAt(0);
+      await tester.editor.showSlashMenu();
+      await tester.editor.tapSlashMenuItemWithName(
+        LocaleKeys.document_slashMenu_name_dateOrReminder.tr(),
+      );
+
+      final dateTimeSettings = DateTimeSettingsPB(
+        dateFormat: UserDateFormatPB.Friendly,
+        timeFormat: UserTimeFormatPB.TwentyFourHour,
+      );
+      final DateTime currentDateTime = DateTime.now();
+      final String formattedDate =
+          dateTimeSettings.dateFormat.formatDate(currentDateTime, false);
+
+      // get current date in editor
+      expect(find.byType(MentionDateBlock), findsOneWidget);
+      expect(find.text('@$formattedDate'), findsOneWidget);
+
+      // tap on date field
+      await tester.tap(find.byType(MentionDateBlock));
+      await tester.pumpAndSettle();
+
+      // tap reminder and set reminder to 1 day before
+      await tester.tap(find.text(LocaleKeys.datePicker_reminderLabel.tr()));
+      await tester.pumpAndSettle();
+      await tester.tap(
+        find.textContaining(
+          LocaleKeys.datePicker_reminderOptions_oneDayBefore.tr(),
+        ),
+      );
+
+      await tester.editor.tapLineOfEditorAt(0);
+      await tester.pumpAndSettle();
+
+      // we will get field with current date reminder_clock.svg icon
+      expect(find.byType(MentionDateBlock), findsOneWidget);
+      expect(find.text('@$formattedDate'), findsOneWidget);
+      expect(find.byFlowySvg(FlowySvgs.reminder_clock_s), findsOneWidget);
+    });
+  });
+}

frontend/appflowy_flutter/integration_test/desktop/document/document_with_file_test.dart

@@ -1,5 +1,7 @@
 import 'dart:io';
 
+import 'package:flutter/services.dart';
+
 import 'package:appflowy/core/config/kv.dart';
 import 'package:appflowy/core/config/kv_keys.dart';
 import 'package:appflowy/generated/locale_keys.g.dart';
@@ -8,7 +10,6 @@ import 'package:appflowy/plugins/document/presentation/editor_plugins/plugins.da
 import 'package:appflowy/startup/startup.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flowy_infra_ui/flowy_infra_ui.dart';
-import 'package:flutter/services.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
 import 'package:path/path.dart' as p;
@@ -36,10 +37,6 @@ void main() {
         LocaleKeys.document_slashMenu_name_file.tr(),
       );
       expect(find.byType(FileBlockComponent), findsOneWidget);
-
-      await tester.tap(find.byType(FileBlockComponent));
-      await tester.pumpAndSettle(const Duration(seconds: 1));
-
       expect(find.byType(FileUploadMenu), findsOneWidget);
 
       final image = await rootBundle.load('assets/test/images/sample.jpeg');
@@ -50,9 +47,7 @@ void main() {
       mockPickFilePaths(paths: [filePath]);
 
       await getIt<KeyValueStorage>().set(KVKeys.kCloudType, '0');
-      await tester.tap(
-        find.text(LocaleKeys.document_plugins_file_fileUploadHint.tr()),
-      );
+      await tester.tapFileUploadHint();
       await tester.pumpAndSettle();
 
       expect(find.byType(FileUploadMenu), findsNothing);
@@ -116,9 +111,6 @@ void main() {
         LocaleKeys.document_slashMenu_name_file.tr(),
       );
       expect(find.byType(FileBlockComponent), findsOneWidget);
-
-      await tester.tap(find.byType(FileBlockComponent));
-      await tester.pumpAndSettle(const Duration(seconds: 1));
       expect(find.byType(FileUploadMenu), findsOneWidget);
 
       // Navigate to integrate link tab

frontend/appflowy_flutter/integration_test/desktop/document/document_with_image_block_test.dart

@@ -6,7 +6,6 @@ import 'package:appflowy/generated/locale_keys.g.dart';
 import 'package:appflowy/plugins/document/presentation/editor_plugins/image/custom_image_block_component/custom_image_block_component.dart';
 import 'package:appflowy/plugins/document/presentation/editor_plugins/image/image_placeholder.dart';
 import 'package:appflowy/plugins/document/presentation/editor_plugins/image/resizeable_image.dart';
-import 'package:appflowy/plugins/document/presentation/editor_plugins/image/unsplash_image_widget.dart';
 import 'package:appflowy/plugins/document/presentation/editor_plugins/image/upload_image_menu/upload_image_menu.dart';
 import 'package:appflowy/plugins/document/presentation/editor_plugins/image/upload_image_menu/widgets/embed_image_url_widget.dart';
 import 'package:appflowy/startup/startup.dart';
@@ -160,11 +159,7 @@ void main() {
           findsOneWidget,
         );
         expect(find.byType(UploadImageMenu), findsOneWidget);
-
-        await tester.tapButtonWithName(
-          'Unsplash',
-        );
-        expect(find.byType(UnsplashImageWidget), findsOneWidget);
+        expect(find.text('Unsplash'), findsOneWidget);
       });
     });
 

frontend/appflowy_flutter/integration_test/desktop/document/document_with_inline_page_test.dart

@@ -1,5 +1,5 @@
+import 'package:appflowy/plugins/database/grid/presentation/grid_page.dart';
 import 'package:appflowy/plugins/document/presentation/editor_plugins/mention/mention_page_block.dart';
-import 'package:appflowy/shared/flowy_error_page.dart';
 import 'package:appflowy_backend/protobuf/flowy-folder/protobuf.dart';
 import 'package:flowy_infra/uuid.dart';
 import 'package:flutter_test/flutter_test.dart';
@@ -92,7 +92,7 @@ void main() {
       );
       expect(finder, findsOneWidget);
       await tester.tapButton(finder);
-      expect(find.byType(AppFlowyErrorPage), findsOneWidget);
+      expect(find.byType(GridPage), findsOneWidget);
     });
   });
 }

frontend/appflowy_flutter/integration_test/desktop/document/document_with_multi_image_block_test.dart

@@ -6,7 +6,6 @@ import 'package:appflowy/generated/flowy_svgs.g.dart';
 import 'package:appflowy/generated/locale_keys.g.dart';
 import 'package:appflowy/plugins/document/presentation/editor_plugins/image/multi_image_block_component/image_render.dart';
 import 'package:appflowy/plugins/document/presentation/editor_plugins/image/multi_image_block_component/layouts/image_browser_layout.dart';
-import 'package:appflowy/plugins/document/presentation/editor_plugins/image/multi_image_block_component/multi_image_block_component.dart';
 import 'package:appflowy/plugins/document/presentation/editor_plugins/image/multi_image_block_component/multi_image_placeholder.dart';
 import 'package:appflowy/plugins/document/presentation/editor_plugins/image/upload_image_menu/upload_image_menu.dart';
 import 'package:appflowy/plugins/document/presentation/editor_plugins/image/upload_image_menu/widgets/embed_image_url_widget.dart';
@@ -26,7 +25,6 @@ import 'package:path_provider/path_provider.dart';
 
 import '../../shared/mock/mock_file_picker.dart';
 import '../../shared/util.dart';
-import '../board/board_hide_groups_test.dart';
 
 void main() {
   setUp(() {

frontend/appflowy_flutter/integration_test/desktop/document/document_with_outline_block_test.dart

@@ -1,9 +1,6 @@
 import 'package:appflowy/generated/locale_keys.g.dart';
-import 'package:appflowy/plugins/document/presentation/editor_plugins/outline/outline_block_component.dart';
 import 'package:appflowy/plugins/document/presentation/editor_plugins/plugins.dart';
-import 'package:appflowy/workspace/presentation/widgets/pop_up_action.dart';
 import 'package:easy_localization/easy_localization.dart';
-import 'package:flowy_infra_ui/flowy_infra_ui.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
 
@@ -172,7 +169,6 @@ Future<void> insertOutlineInDocument(WidgetTester tester) async {
   await tester.editor.showSlashMenu();
   await tester.editor.tapSlashMenuItemWithName(
     LocaleKeys.document_slashMenu_name_outline.tr(),
-    offset: 100,
   );
   await tester.pumpAndSettle();
 }
@@ -182,13 +178,9 @@ Future<void> hoverAndClickDepthOptionAction(
   List<int> path,
   int level,
 ) async {
-  await tester.editor.hoverAndClickOptionMenuButton([3]);
-  await tester.tap(find.byType(AppFlowyPopover).hitTestable().last);
-  await tester.pumpAndSettle();
-
-  // Find a total of 4 HoverButtons under the [BlockOptionButton],
-  // in addition to 3 HoverButtons under the [DepthOptionAction] - (child of BlockOptionButton)
-  await tester.tap(find.byType(HoverButton).hitTestable().at(3 + level));
+  await tester.editor.openDepthMenu(path);
+  final type = OptionDepthType.fromLevel(level);
+  await tester.tapButton(find.findTextInFlowyText(type.description));
   await tester.pumpAndSettle();
 }
 

frontend/appflowy_flutter/integration_test/desktop/document/document_with_toggle_heading_block_test.dart

@@ -0,0 +1,128 @@
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/plugins.dart';
+import 'package:appflowy_editor/appflowy_editor.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../../shared/util.dart';
+
+const String _heading1 = 'Heading 1';
+const String _heading2 = 'Heading 2';
+const String _heading3 = 'Heading 3';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('toggle heading block test:', () {
+    testWidgets('insert toggle heading 1 - 3 block', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      await tester.createNewPageWithNameUnderParent(
+        name: 'toggle heading block test',
+      );
+
+      for (var i = 1; i <= 3; i++) {
+        await tester.editor.tapLineOfEditorAt(0);
+        await _insertToggleHeadingBlockInDocument(tester, i);
+        await tester.pumpAndSettle();
+        expect(
+          find.byWidgetPredicate(
+            (widget) =>
+                widget is ToggleListBlockComponentWidget &&
+                widget.node.attributes[ToggleListBlockKeys.level] == i,
+          ),
+          findsOneWidget,
+        );
+      }
+    });
+
+    testWidgets('insert toggle heading 1 - 3 block by shortcuts',
+        (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      await tester.createNewPageWithNameUnderParent(
+        name: 'toggle heading block test',
+      );
+
+      await tester.editor.tapLineOfEditorAt(0);
+      await tester.ime.insertText('# > $_heading1\n');
+      await tester.ime.insertText('## > $_heading2\n');
+      await tester.ime.insertText('### > $_heading3\n');
+      await tester.ime.insertText('> # $_heading1\n');
+      await tester.ime.insertText('> ## $_heading2\n');
+      await tester.ime.insertText('> ### $_heading3\n');
+      await tester.pumpAndSettle();
+
+      expect(
+        find.byType(ToggleListBlockComponentWidget),
+        findsNWidgets(6),
+      );
+    });
+
+    testWidgets('insert toggle heading and convert it to heading',
+        (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      await tester.createNewPageWithNameUnderParent(
+        name: 'toggle heading block test',
+      );
+
+      await tester.editor.tapLineOfEditorAt(0);
+      await tester.ime.insertText('# > $_heading1\n');
+      await tester.simulateKeyEvent(LogicalKeyboardKey.enter);
+      await tester.ime.insertText('item 1');
+      await tester.pumpAndSettle();
+
+      await tester.editor.updateSelection(
+        Selection(
+          start: Position(path: [0]),
+          end: Position(path: [0], offset: _heading1.length),
+        ),
+      );
+
+      await tester.tapButton(find.byType(HeadingPopup));
+      await tester.pumpAndSettle();
+
+      expect(
+        find.byType(HeadingButton),
+        findsNWidgets(3),
+      );
+
+      // tap the H1 button
+      await tester.tapButton(find.byType(HeadingButton).at(0));
+      await tester.pumpAndSettle();
+
+      final editorState = tester.editor.getCurrentEditorState();
+      final node1 = editorState.document.nodeAtPath([0])!;
+      expect(node1.type, HeadingBlockKeys.type);
+      expect(node1.attributes[HeadingBlockKeys.level], 1);
+
+      final node2 = editorState.document.nodeAtPath([1])!;
+      expect(node2.type, ParagraphBlockKeys.type);
+      expect(node2.delta!.toPlainText(), 'item 1');
+    });
+  });
+}
+
+Future<void> _insertToggleHeadingBlockInDocument(
+  WidgetTester tester,
+  int level,
+) async {
+  final name = switch (level) {
+    1 => LocaleKeys.document_slashMenu_name_toggleHeading1.tr(),
+    2 => LocaleKeys.document_slashMenu_name_toggleHeading2.tr(),
+    3 => LocaleKeys.document_slashMenu_name_toggleHeading3.tr(),
+    _ => throw Exception('Invalid level: $level'),
+  };
+  await tester.editor.showSlashMenu();
+  await tester.editor.tapSlashMenuItemWithName(
+    name,
+    offset: 150,
+  );
+  await tester.pumpAndSettle();
+}

frontend/appflowy_flutter/integration_test/desktop/document/document_with_toggle_list_test.dart

@@ -214,5 +214,54 @@ void main() {
 
       expectToggleListOpened();
     });
+
+    Future<void> prepareToggleHeadingBlock(
+      WidgetTester tester,
+      String text,
+    ) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      await tester.createNewPageWithNameUnderParent();
+
+      await tester.editor.tapLineOfEditorAt(0);
+      await tester.ime.insertText(text);
+    }
+
+    testWidgets('> + # to toggle heading 1 block', (tester) async {
+      await prepareToggleHeadingBlock(tester, '> # Hello');
+      final editorState = tester.editor.getCurrentEditorState();
+      final node = editorState.getNodeAtPath([0])!;
+      expect(node.type, ToggleListBlockKeys.type);
+      expect(node.attributes[ToggleListBlockKeys.level], 1);
+      expect(node.delta!.toPlainText(), 'Hello');
+    });
+
+    testWidgets('> + ### to toggle heading 3 block', (tester) async {
+      await prepareToggleHeadingBlock(tester, '> ### Hello');
+      final editorState = tester.editor.getCurrentEditorState();
+      final node = editorState.getNodeAtPath([0])!;
+      expect(node.type, ToggleListBlockKeys.type);
+      expect(node.attributes[ToggleListBlockKeys.level], 3);
+      expect(node.delta!.toPlainText(), 'Hello');
+    });
+
+    testWidgets('# + > to toggle heading 1 block', (tester) async {
+      await prepareToggleHeadingBlock(tester, '# > Hello');
+      final editorState = tester.editor.getCurrentEditorState();
+      final node = editorState.getNodeAtPath([0])!;
+      expect(node.type, ToggleListBlockKeys.type);
+      expect(node.attributes[ToggleListBlockKeys.level], 1);
+      expect(node.delta!.toPlainText(), 'Hello');
+    });
+
+    testWidgets('### + > to toggle heading 3 block', (tester) async {
+      await prepareToggleHeadingBlock(tester, '### > Hello');
+      final editorState = tester.editor.getCurrentEditorState();
+      final node = editorState.getNodeAtPath([0])!;
+      expect(node.type, ToggleListBlockKeys.type);
+      expect(node.attributes[ToggleListBlockKeys.level], 3);
+      expect(node.delta!.toPlainText(), 'Hello');
+    });
   });
 }

frontend/appflowy_flutter/integration_test/desktop/first_test/first_test.dart

@@ -11,7 +11,7 @@ void main() {
     testWidgets('empty test', (tester) async {
       await tester.initializeAppFlowy();
       await tester.tapAnonymousSignInButton();
-      await tester.wait(1000);
+      await tester.wait(500);
     });
   });
 }

frontend/appflowy_flutter/integration_test/desktop/grid/grid_edit_row_test.dart

@@ -0,0 +1,137 @@
+import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/choicechip/checkbox.dart';
+import 'package:appflowy_backend/protobuf/flowy-database2/protobuf.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+import 'package:time/time.dart';
+
+import '../../shared/database_test_op.dart';
+import 'grid_test_extensions.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('grid edit row test:', () {
+    testWidgets('with sort configured', (tester) async {
+      await tester.openTestDatabase(v069GridFileName);
+
+      // get grid data
+      final unsorted = tester.getGridRows();
+
+      // add a sort
+      await tester.tapDatabaseSortButton();
+      await tester.tapCreateSortByFieldType(FieldType.RichText, 'Name');
+
+      final sorted = [
+        unsorted[7],
+        unsorted[8],
+        unsorted[1],
+        unsorted[9],
+        unsorted[11],
+        unsorted[10],
+        unsorted[6],
+        unsorted[12],
+        unsorted[2],
+        unsorted[0],
+        unsorted[3],
+        unsorted[5],
+        unsorted[4],
+      ];
+
+      List actual = tester.getGridRows();
+      expect(actual, orderedEquals(sorted));
+
+      await tester.editCell(
+        rowIndex: 4,
+        fieldType: FieldType.RichText,
+        input: "x",
+      );
+      await tester.pumpAndSettle(200.milliseconds);
+
+      final reSorted = [
+        unsorted[7],
+        unsorted[8],
+        unsorted[1],
+        unsorted[9],
+        unsorted[10],
+        unsorted[6],
+        unsorted[12],
+        unsorted[2],
+        unsorted[0],
+        unsorted[3],
+        unsorted[5],
+        unsorted[11],
+        unsorted[4],
+      ];
+
+      // verify grid data
+      actual = tester.getGridRows();
+      expect(actual, orderedEquals(reSorted));
+
+      // delete the sort
+      await tester.tapSortMenuInSettingBar();
+      await tester.tapDeleteAllSortsButton();
+
+      // verify grid data
+      actual = tester.getGridRows();
+      expect(actual, orderedEquals(unsorted));
+    });
+
+    testWidgets('with filter configured', (tester) async {
+      await tester.openTestDatabase(v069GridFileName);
+
+      // get grid data
+      final original = tester.getGridRows();
+
+      // create a filter
+      await tester.tapDatabaseFilterButton();
+      await tester.tapCreateFilterByFieldType(
+        FieldType.Checkbox,
+        'Registration Complete',
+      );
+
+      final filtered = [
+        original[1],
+        original[3],
+        original[5],
+        original[6],
+        original[7],
+        original[9],
+        original[12],
+      ];
+
+      // verify grid data
+      List actual = tester.getGridRows();
+      expect(actual, orderedEquals(filtered));
+      expect(actual.length, equals(7));
+      tester.assertNumberOfRowsInGridPage(7);
+
+      await tester.tapCheckboxCellInGrid(rowIndex: 0);
+      await tester.pumpAndSettle(200.milliseconds);
+
+      // verify grid data
+      actual = tester.getGridRows();
+      expect(actual.length, equals(6));
+      tester.assertNumberOfRowsInGridPage(6);
+      final edited = [
+        original[3],
+        original[5],
+        original[6],
+        original[7],
+        original[9],
+        original[12],
+      ];
+      expect(actual, orderedEquals(edited));
+
+      // delete the filter
+      await tester.tapFilterButtonInGrid('Registration Complete');
+      await tester
+          .tapDisclosureButtonInFinder(find.byType(CheckboxFilterEditor));
+      await tester.tapDeleteFilterButtonInGrid();
+
+      // verify grid data
+      actual = tester.getGridRows();
+      expect(actual.length, equals(13));
+      tester.assertNumberOfRowsInGridPage(13);
+    });
+  });
+}

frontend/appflowy_flutter/integration_test/desktop/grid/grid_row_test.dart

@@ -10,13 +10,14 @@ import 'package:integration_test/integration_test.dart';
 
 import '../../shared/database_test_op.dart';
 import '../../shared/util.dart';
+
 import 'grid_test_extensions.dart';
 
 void main() {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();
 
-  group('grid create row test:', () {
-    testWidgets('from the bottom', (tester) async {
+  group('grid row test:', () {
+    testWidgets('create from the bottom', (tester) async {
       await tester.initializeAppFlowy();
       await tester.tapAnonymousSignInButton();
 
@@ -33,7 +34,7 @@ void main() {
       tester.assertNumberOfRowsInGridPage(4);
     });
 
-    testWidgets('from a row\'s menu', (tester) async {
+    testWidgets('create from a row\'s menu', (tester) async {
       await tester.initializeAppFlowy();
       await tester.tapAnonymousSignInButton();
 
@@ -51,7 +52,7 @@ void main() {
       tester.assertNumberOfRowsInGridPage(4);
     });
 
-    testWidgets('with sort configured', (tester) async {
+    testWidgets('create with sort configured', (tester) async {
       await tester.openTestDatabase(v069GridFileName);
 
       // get grid data
@@ -104,7 +105,7 @@ void main() {
       tester.assertNumberOfRowsInGridPage(14);
     });
 
-    testWidgets('with filter configured', (tester) async {
+    testWidgets('create with filter configured', (tester) async {
       await tester.openTestDatabase(v069GridFileName);
 
       // get grid data
@@ -182,22 +183,52 @@ void main() {
       expect(actual, orderedEquals(original));
     });
 
-    // TODO(RS): move to somewhere else
     testWidgets('delete row of the grid', (tester) async {
       await tester.initializeAppFlowy();
       await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
       await tester.hoverOnFirstRowOfGrid(() async {
-        // Open the row menu and then click the delete
+        // Open the row menu and click the delete button
         await tester.tapRowMenuButtonInGrid();
-        await tester.pumpAndSettle();
         await tester.tapDeleteOnRowMenu();
-        await tester.pumpAndSettle();
-
-        // 3 initial rows - 1 deleted
-        tester.assertNumberOfRowsInGridPage(2);
       });
+      expect(find.byType(ConfirmPopup), findsOneWidget);
+      await tester.tapButtonWithName(LocaleKeys.button_delete.tr());
+
+      tester.assertNumberOfRowsInGridPage(2);
+    });
+
+    testWidgets('delete row in two views', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
+      await tester.renameLinkedView(
+        tester.findTabBarLinkViewByViewLayout(ViewLayoutPB.Grid),
+        'grid 1',
+      );
+      tester.assertNumberOfRowsInGridPage(3);
+
+      await tester.tapCreateLinkedDatabaseViewButton(DatabaseLayoutPB.Grid);
+      await tester.renameLinkedView(
+        tester.findTabBarLinkViewByViewLayout(ViewLayoutPB.Grid).at(1),
+        'grid 2',
+      );
+      tester.assertNumberOfRowsInGridPage(3);
+
+      await tester.hoverOnFirstRowOfGrid(() async {
+        // Open the row menu and click the delete button
+        await tester.tapRowMenuButtonInGrid();
+        await tester.tapDeleteOnRowMenu();
+      });
+      expect(find.byType(ConfirmPopup), findsOneWidget);
+      await tester.tapButtonWithName(LocaleKeys.button_delete.tr());
+      // 3 initial rows - 1 deleted
+      tester.assertNumberOfRowsInGridPage(2);
+
+      await tester.tapTabBarLinkedViewByViewName('grid 1');
+      tester.assertNumberOfRowsInGridPage(2);
     });
   });
 }

frontend/appflowy_flutter/integration_test/desktop/grid/grid_test_runner_1.dart

@@ -0,0 +1,19 @@
+import 'package:integration_test/integration_test.dart';
+
+import 'grid_edit_row_test.dart' as grid_edit_row_test_runner;
+import 'grid_filter_and_sort_test.dart' as grid_filter_and_sort_test_runner;
+import 'grid_reopen_test.dart' as grid_reopen_test_runner;
+import 'grid_reorder_row_test.dart' as grid_reorder_row_test_runner;
+import 'grid_row_test.dart' as grid_row_test_runner;
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  grid_reopen_test_runner.main();
+  grid_row_test_runner.main();
+  grid_reorder_row_test_runner.main();
+  grid_filter_and_sort_test_runner.main();
+  grid_edit_row_test_runner.main();
+  // grid_calculations_test_runner.main();
+  // DON'T add more tests here.
+}

frontend/appflowy_flutter/integration_test/desktop/settings/shortcuts_settings_test.dart

@@ -1,23 +1,21 @@
-import 'package:flutter/material.dart';
-import 'package:flutter/services.dart';
-
 import 'package:appflowy/generated/flowy_svgs.g.dart';
 import 'package:appflowy/generated/locale_keys.g.dart';
 import 'package:appflowy/workspace/application/settings/settings_dialog_bloc.dart';
 import 'package:appflowy/workspace/presentation/settings/pages/settings_shortcuts_view.dart';
 import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
 
 import '../../shared/keyboard.dart';
 import '../../shared/util.dart';
-import '../board/board_hide_groups_test.dart';
 
 void main() {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();
 
-  group('shortcuts test', () {
-    testWidgets('can change and overwrite shortcut', (tester) async {
+  group('shortcuts:', () {
+    testWidgets('change and overwrite shortcut', (tester) async {
       await tester.initializeAppFlowy();
       await tester.tapAnonymousSignInButton();
 
@@ -29,7 +27,11 @@ void main() {
           LocaleKeys.settings_shortcutsPage_keybindings_backspace.tr();
 
       // Input "Delete" into the search field
-      await tester.enterText(find.byType(TextField), backspaceCmd);
+      final inputField = find.descendant(
+        of: find.byType(SettingsShortcutsView),
+        matching: find.byType(TextField),
+      );
+      await tester.enterText(inputField, backspaceCmd);
       await tester.pumpAndSettle();
 
       await tester.hoverOnWidget(

frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_icon_test.dart

@@ -11,7 +11,7 @@ void main() {
 
   const emoji = '😁';
 
-  group('Icon', () {
+  group('Icon:', () {
     testWidgets('Update page icon in sidebar', (tester) async {
       await tester.initializeAppFlowy();
       await tester.tapAnonymousSignInButton();
@@ -52,6 +52,7 @@ void main() {
         if (value == ViewLayoutPB.Chat) {
           continue;
         }
+
         await tester.createNewPageWithNameUnderParent(
           name: value.name,
           parentName: gettingStarted,

frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_test.dart

@@ -1,4 +1,3 @@
-import 'package:appflowy/generated/locale_keys.g.dart';
 import 'package:appflowy/plugins/database/board/presentation/board_page.dart';
 import 'package:appflowy/plugins/database/calendar/presentation/calendar_page.dart';
 import 'package:appflowy/plugins/database/grid/presentation/grid_page.dart';
@@ -8,7 +7,6 @@ import 'package:appflowy/workspace/presentation/home/menu/view/view_item.dart';
 import 'package:appflowy/workspace/presentation/home/menu/view/view_more_action_button.dart';
 import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
 import 'package:appflowy_editor/appflowy_editor.dart';
-import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
 
@@ -17,7 +15,7 @@ import '../../shared/util.dart';
 void main() {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();
 
-  group('sidebar test', () {
+  group('sidebar:', () {
     testWidgets('create a new page', (tester) async {
       await tester.initializeAppFlowy();
       await tester.tapAnonymousSignInButton();
@@ -26,9 +24,7 @@ void main() {
       await tester.tapNewPageButton();
 
       // expect to see a new document
-      tester.expectToSeePageName(
-        LocaleKeys.menuAppHeader_defaultNewPageName.tr(),
-      );
+      tester.expectToSeePageName('');
       // and with one paragraph block
       expect(find.byType(ParagraphBlockComponentWidget), findsOneWidget);
     });
@@ -202,7 +198,7 @@ void main() {
         layout: ViewLayoutPB.Grid,
         onHover: () async {
           expect(find.byType(ViewAddButton), findsNothing);
-          expect(find.byType(ViewMoreActionButton), findsOneWidget);
+          expect(find.byType(ViewMoreActionPopover), findsOneWidget);
         },
       );
     });

frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_test_runner.dart

@@ -3,6 +3,7 @@ import 'package:integration_test/integration_test.dart';
 import 'sidebar_favorites_test.dart' as sidebar_favorite_test;
 import 'sidebar_icon_test.dart' as sidebar_icon_test;
 import 'sidebar_test.dart' as sidebar_test;
+import 'sidebar_view_item_test.dart' as sidebar_view_item_test;
 
 void main() {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();
@@ -12,4 +13,5 @@ void main() {
   // sidebar_expanded_test.main();
   sidebar_favorite_test.main();
   sidebar_icon_test.main();
+  sidebar_view_item_test.main();
 }

frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_view_item_test.dart

@@ -0,0 +1,44 @@
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/plugins/base/emoji/emoji_picker.dart';
+import 'package:appflowy/workspace/presentation/home/menu/view/view_item.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/protobuf.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/gestures.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../../shared/emoji.dart';
+import '../../shared/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('Sidebar view item tests', () {
+    testWidgets('Access view item context menu by right click', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      // Right click on the view item and change icon
+      await tester.hoverOnWidget(
+        find.byType(ViewItem),
+        onHover: () async {
+          await tester.tap(find.byType(ViewItem), buttons: kSecondaryButton);
+          await tester.pumpAndSettle();
+        },
+      );
+
+      // Change icon
+      final changeIconButton =
+          find.text(LocaleKeys.document_plugins_cover_changeIcon.tr());
+
+      await tester.tapButton(changeIconButton);
+      await tester.pumpUntilFound(find.byType(FlowyEmojiPicker));
+
+      const emoji = '😁';
+      await tester.tapEmoji(emoji);
+      await tester.pumpAndSettle();
+
+      tester.expectViewHasIcon(gettingStarted, ViewLayoutPB.Document, emoji);
+    });
+  });
+}

frontend/appflowy_flutter/integration_test/desktop/uncategorized/uncategorized_test_runner_1.dart

@@ -0,0 +1,23 @@
+import 'package:integration_test/integration_test.dart';
+
+import 'emoji_shortcut_test.dart' as emoji_shortcut_test;
+import 'hotkeys_test.dart' as hotkeys_test;
+import 'import_files_test.dart' as import_files_test;
+import 'share_markdown_test.dart' as share_markdown_test;
+import 'tabs_test.dart' as tabs_test;
+import 'zoom_in_out_test.dart' as zoom_in_out_test;
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  // This test must be run first, otherwise the CI will fail.
+  hotkeys_test.main();
+  emoji_shortcut_test.main();
+  hotkeys_test.main();
+  emoji_shortcut_test.main();
+  share_markdown_test.main();
+  import_files_test.main();
+  tabs_test.main();
+  zoom_in_out_test.main();
+  // DON'T add more tests here.
+}

frontend/appflowy_flutter/integration_test/desktop/uncategorized/zoom_in_out_test.dart

@@ -12,7 +12,7 @@ import '../../shared/common_operations.dart';
 void main() {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();
 
-  group('Zoom in/out: ', () {
+  group('Zoom in/out:', () {
     Future<void> resetAppFlowyScaleFactor(
       WindowSizeManager windowSizeManager,
     ) async {

frontend/appflowy_flutter/integration_test/desktop_runner_1.dart

@@ -1,7 +1,6 @@
 import 'package:integration_test/integration_test.dart';
 
-import 'desktop/document/document_test_runner.dart' as document_test_runner;
-import 'desktop/uncategorized/empty_test.dart' as first_test;
+import 'desktop/document/document_test_runner_1.dart' as document_test_runner_1;
 import 'desktop/uncategorized/switch_folder_test.dart' as switch_folder_test;
 
 Future<void> main() async {
@@ -11,11 +10,7 @@ Future<void> main() async {
 Future<void> runIntegration1OnDesktop() async {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();
 
-  // This test must be run first, otherwise the CI will fail.
-  first_test.main();
-
   switch_folder_test.main();
-  document_test_runner.startTesting();
-
-  // DON'T add more tests here. This is the first test runner for desktop.
+  document_test_runner_1.main();
+  // DON'T add more tests here.
 }

frontend/appflowy_flutter/integration_test/desktop_runner_2.dart

@@ -1,18 +1,7 @@
 import 'package:integration_test/integration_test.dart';
 
-import 'desktop/database/database_calendar_test.dart' as database_calendar_test;
-import 'desktop/database/database_cell_test.dart' as database_cell_test;
-import 'desktop/database/database_field_settings_test.dart'
-    as database_field_settings_test;
-import 'desktop/database/database_field_test.dart' as database_field_test;
-import 'desktop/database/database_filter_test.dart' as database_filter_test;
-import 'desktop/database/database_media_test.dart' as database_media_test;
-import 'desktop/database/database_row_page_test.dart' as database_row_page_test;
-import 'desktop/database/database_setting_test.dart' as database_setting_test;
-import 'desktop/database/database_share_test.dart' as database_share_test;
-import 'desktop/database/database_sort_test.dart' as database_sort_test;
-import 'desktop/database/database_view_test.dart' as database_view_test;
-import 'desktop/uncategorized/empty_test.dart' as first_test;
+import 'desktop/database/database_test_runner_1.dart' as database_test_runner_1;
+import 'desktop/first_test/first_test.dart' as first_test;
 
 Future<void> main() async {
   await runIntegration2OnDesktop();
@@ -21,20 +10,8 @@ Future<void> main() async {
 Future<void> runIntegration2OnDesktop() async {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();
 
-  // This test must be run first, otherwise the CI will fail.
   first_test.main();
 
-  database_cell_test.main();
-  database_field_test.main();
-  database_field_settings_test.main();
-  database_share_test.main();
-  database_row_page_test.main();
-  database_setting_test.main();
-  database_filter_test.main();
-  database_sort_test.main();
-  database_view_test.main();
-  database_calendar_test.main();
-  database_media_test.main();
-
+  database_test_runner_1.main();
   // DON'T add more tests here. This is the second test runner for desktop.
 }

frontend/appflowy_flutter/integration_test/desktop_runner_3.dart

@@ -1,23 +1,8 @@
 import 'package:integration_test/integration_test.dart';
 
 import 'desktop/board/board_test_runner.dart' as board_test_runner;
-import 'desktop/database/database_row_cover_test.dart'
-    as database_row_cover_test;
-import 'desktop/grid/grid_create_row_test.dart' as grid_create_row_test_runner;
-import 'desktop/grid/grid_filter_and_sort_test.dart'
-    as grid_filter_and_sort_test_runner;
-import 'desktop/grid/grid_reopen_test.dart' as grid_reopen_test_runner;
-import 'desktop/grid/grid_reorder_row_test.dart'
-    as grid_reorder_row_test_runner;
-import 'desktop/settings/settings_runner.dart' as settings_test_runner;
-import 'desktop/sidebar/sidebar_test_runner.dart' as sidebar_test_runner;
-import 'desktop/uncategorized/emoji_shortcut_test.dart' as emoji_shortcut_test;
-import 'desktop/uncategorized/empty_test.dart' as first_test;
-import 'desktop/uncategorized/hotkeys_test.dart' as hotkeys_test;
-import 'desktop/uncategorized/import_files_test.dart' as import_files_test;
-import 'desktop/uncategorized/share_markdown_test.dart' as share_markdown_test;
-import 'desktop/uncategorized/tabs_test.dart' as tabs_test;
-import 'desktop/uncategorized/zoom_in_out_test.dart' as zoom_in_out_test;
+import 'desktop/first_test/first_test.dart' as first_test;
+import 'desktop/grid/grid_test_runner_1.dart' as grid_test_runner_1;
 
 Future<void> main() async {
   await runIntegration3OnDesktop();
@@ -26,24 +11,9 @@ Future<void> main() async {
 Future<void> runIntegration3OnDesktop() async {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();
 
-  // This test must be run first, otherwise the CI will fail.
   first_test.main();
 
-  hotkeys_test.main();
-  emoji_shortcut_test.main();
-  hotkeys_test.main();
-  emoji_shortcut_test.main();
-  settings_test_runner.main();
-  share_markdown_test.main();
-  import_files_test.main();
-  sidebar_test_runner.main();
   board_test_runner.main();
-  tabs_test.main();
-  database_row_cover_test.main();
-  grid_reopen_test_runner.main();
-  grid_create_row_test_runner.main();
-  grid_reorder_row_test_runner.main();
-  grid_filter_and_sort_test_runner.main();
-
-  zoom_in_out_test.main();
+  grid_test_runner_1.main();
+  // DON'T add more tests here.
 }

frontend/appflowy_flutter/integration_test/desktop_runner_4.dart

@@ -0,0 +1,17 @@
+import 'package:integration_test/integration_test.dart';
+
+import 'desktop/document/document_test_runner_2.dart' as document_test_runner_2;
+import 'desktop/first_test/first_test.dart' as first_test;
+
+Future<void> main() async {
+  await runIntegration4OnDesktop();
+}
+
+Future<void> runIntegration4OnDesktop() async {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  first_test.main();
+
+  document_test_runner_2.main();
+  // DON'T add more tests here.
+}

frontend/appflowy_flutter/integration_test/desktop_runner_5.dart

@@ -0,0 +1,17 @@
+import 'package:integration_test/integration_test.dart';
+
+import 'desktop/database/database_test_runner_2.dart' as database_test_runner_2;
+import 'desktop/first_test/first_test.dart' as first_test;
+
+Future<void> main() async {
+  await runIntegration5OnDesktop();
+}
+
+Future<void> runIntegration5OnDesktop() async {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  first_test.main();
+
+  database_test_runner_2.main();
+  // DON'T add more tests here.
+}

frontend/appflowy_flutter/integration_test/desktop_runner_6.dart

@@ -0,0 +1,22 @@
+import 'package:integration_test/integration_test.dart';
+
+import 'desktop/first_test/first_test.dart' as first_test;
+import 'desktop/settings/settings_runner.dart' as settings_test_runner;
+import 'desktop/sidebar/sidebar_test_runner.dart' as sidebar_test_runner;
+import 'desktop/uncategorized/uncategorized_test_runner_1.dart'
+    as uncategorized_test_runner_1;
+
+Future<void> main() async {
+  await runIntegration6OnDesktop();
+}
+
+Future<void> runIntegration6OnDesktop() async {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  first_test.main();
+
+  settings_test_runner.main();
+  sidebar_test_runner.main();
+  uncategorized_test_runner_1.main();
+  // DON'T add more tests here.
+}

frontend/appflowy_flutter/integration_test/desktop_runner_7.dart

@@ -0,0 +1,17 @@
+import 'package:integration_test/integration_test.dart';
+
+import 'desktop/document/document_test_runner_3.dart' as document_test_runner_3;
+import 'desktop/first_test/first_test.dart' as first_test;
+
+Future<void> main() async {
+  await runIntegration7OnDesktop();
+}
+
+Future<void> runIntegration7OnDesktop() async {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  first_test.main();
+
+  document_test_runner_3.main();
+  // DON'T add more tests here.
+}

frontend/appflowy_flutter/integration_test/desktop_runner_8.dart

@@ -0,0 +1,17 @@
+import 'package:integration_test/integration_test.dart';
+
+import 'desktop/document/document_test_runner_4.dart' as document_test_runner_4;
+import 'desktop/first_test/first_test.dart' as first_test;
+
+Future<void> main() async {
+  await runIntegration8OnDesktop();
+}
+
+Future<void> runIntegration8OnDesktop() async {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  first_test.main();
+
+  document_test_runner_4.main();
+  // DON'T add more tests here.
+}

frontend/appflowy_flutter/integration_test/mobile/cloud/cloud_runner.dart

@@ -0,0 +1,9 @@
+import 'document/publish_test.dart' as publish_test;
+import 'document/share_link_test.dart' as share_link_test;
+import 'workspace/workspace_operations_test.dart' as workspace_operations_test;
+
+Future<void> main() async {
+  workspace_operations_test.main();
+  share_link_test.main();
+  publish_test.main();
+}

frontend/appflowy_flutter/integration_test/mobile/cloud/document/publish_test.dart

@@ -0,0 +1,89 @@
+// ignore_for_file: unused_import
+
+import 'dart:io';
+import 'dart:math';
+
+import 'package:appflowy/env/cloud_env.dart';
+import 'package:appflowy/generated/flowy_svgs.g.dart';
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/mobile/application/page_style/document_page_style_bloc.dart';
+import 'package:appflowy/mobile/presentation/base/app_bar/app_bar_actions.dart';
+import 'package:appflowy/mobile/presentation/base/view_page/app_bar_buttons.dart';
+import 'package:appflowy/mobile/presentation/bottom_sheet/bottom_sheet_buttons.dart';
+import 'package:appflowy/mobile/presentation/home/home.dart';
+import 'package:appflowy/plugins/document/presentation/editor_page.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/cover/document_immersive_cover.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/cover/document_immersive_cover_bloc.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/page_style/_page_style_layout.dart';
+import 'package:appflowy/shared/patterns/common_patterns.dart';
+import 'package:appflowy/startup/startup.dart';
+import 'package:appflowy/user/application/auth/af_cloud_mock_auth_service.dart';
+import 'package:appflowy/user/application/auth/auth_service.dart';
+import 'package:appflowy/user/presentation/screens/sign_in_screen/widgets/widgets.dart';
+import 'package:appflowy/workspace/application/settings/prelude.dart';
+import 'package:appflowy/workspace/application/view/view_ext.dart';
+import 'package:appflowy/workspace/presentation/settings/widgets/setting_appflowy_cloud.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flowy_infra/uuid.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+import 'package:path/path.dart' as p;
+
+import '../../../shared/constants.dart';
+import '../../../shared/dir.dart';
+import '../../../shared/mock/mock_file_picker.dart';
+import '../../../shared/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('publish:', () {
+    testWidgets('publish document', (tester) async {
+      await tester.initializeAppFlowy(
+        cloudType: AuthenticatorType.appflowyCloudSelfHost,
+      );
+      await tester.tapGoogleLoginInButton();
+      await tester.expectToSeeHomePageWithGetStartedPage();
+
+      await tester.openPage(Constants.gettingStartedPageName);
+      await tester.editor.openMoreActionMenuOnMobile();
+
+      // click the publish button
+      await tester.editor.clickMoreActionItemOnMobile(
+        LocaleKeys.shareAction_publish.tr(),
+      );
+
+      // wait the notification dismiss
+      final publishSuccessText = find.findTextInFlowyText(
+        LocaleKeys.publish_publishSuccessfully.tr(),
+      );
+      expect(publishSuccessText, findsOneWidget);
+      await tester.pumpUntilNotFound(publishSuccessText);
+
+      // open the menu again, to check the publish status
+      await tester.editor.openMoreActionMenuOnMobile();
+      // expect to see the unpublish button and the visit site button
+      expect(
+        find.text(LocaleKeys.shareAction_unPublish.tr()),
+        findsOneWidget,
+      );
+      expect(
+        find.text(LocaleKeys.shareAction_visitSite.tr()),
+        findsOneWidget,
+      );
+
+      // unpublish the document
+      await tester.editor.clickMoreActionItemOnMobile(
+        LocaleKeys.shareAction_unPublish.tr(),
+      );
+      final unPublishSuccessText = find.findTextInFlowyText(
+        LocaleKeys.publish_unpublishSuccessfully.tr(),
+      );
+      expect(unPublishSuccessText, findsOneWidget);
+      await tester.pumpUntilNotFound(unPublishSuccessText);
+    });
+  });
+}

frontend/appflowy_flutter/integration_test/mobile/cloud/document/share_link_test.dart

@@ -0,0 +1,69 @@
+// ignore_for_file: unused_import
+
+import 'dart:io';
+
+import 'package:appflowy/env/cloud_env.dart';
+import 'package:appflowy/generated/flowy_svgs.g.dart';
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/mobile/application/page_style/document_page_style_bloc.dart';
+import 'package:appflowy/mobile/presentation/base/app_bar/app_bar_actions.dart';
+import 'package:appflowy/mobile/presentation/base/view_page/app_bar_buttons.dart';
+import 'package:appflowy/mobile/presentation/bottom_sheet/bottom_sheet_buttons.dart';
+import 'package:appflowy/mobile/presentation/home/home.dart';
+import 'package:appflowy/plugins/document/presentation/editor_page.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/cover/document_immersive_cover.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/cover/document_immersive_cover_bloc.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/page_style/_page_style_layout.dart';
+import 'package:appflowy/shared/patterns/common_patterns.dart';
+import 'package:appflowy/startup/startup.dart';
+import 'package:appflowy/user/application/auth/af_cloud_mock_auth_service.dart';
+import 'package:appflowy/user/application/auth/auth_service.dart';
+import 'package:appflowy/user/presentation/screens/sign_in_screen/widgets/widgets.dart';
+import 'package:appflowy/workspace/application/settings/prelude.dart';
+import 'package:appflowy/workspace/application/view/view_ext.dart';
+import 'package:appflowy/workspace/presentation/settings/widgets/setting_appflowy_cloud.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flowy_infra/uuid.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+import 'package:path/path.dart' as p;
+
+import '../../../shared/constants.dart';
+import '../../../shared/dir.dart';
+import '../../../shared/mock/mock_file_picker.dart';
+import '../../../shared/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('share link:', () {
+    testWidgets('copy share link and paste it on doc', (tester) async {
+      await tester.initializeAppFlowy(
+        cloudType: AuthenticatorType.appflowyCloudSelfHost,
+      );
+      await tester.tapGoogleLoginInButton();
+      await tester.expectToSeeHomePageWithGetStartedPage();
+
+      // open the getting started page and paste the link
+      await tester.openPage(Constants.gettingStartedPageName);
+
+      // open the more action menu
+      await tester.editor.openMoreActionMenuOnMobile();
+
+      // click the share link item
+      await tester.editor.clickMoreActionItemOnMobile(
+        LocaleKeys.shareAction_copyLink.tr(),
+      );
+
+      // check the clipboard
+      final content = await Clipboard.getData(Clipboard.kTextPlain);
+      expect(
+        content?.text,
+        matches(appflowySharePageLinkPattern),
+      );
+    });
+  });
+}

frontend/appflowy_flutter/integration_test/mobile/cloud/workspace/workspace_operations_test.dart

@@ -0,0 +1,67 @@
+// ignore_for_file: unused_import
+
+import 'dart:io';
+
+import 'package:appflowy/env/cloud_env.dart';
+import 'package:appflowy/generated/flowy_svgs.g.dart';
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/mobile/application/page_style/document_page_style_bloc.dart';
+import 'package:appflowy/mobile/presentation/base/app_bar/app_bar_actions.dart';
+import 'package:appflowy/mobile/presentation/base/view_page/app_bar_buttons.dart';
+import 'package:appflowy/mobile/presentation/bottom_sheet/bottom_sheet_buttons.dart';
+import 'package:appflowy/mobile/presentation/home/home.dart';
+import 'package:appflowy/plugins/document/presentation/editor_page.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/cover/document_immersive_cover.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/cover/document_immersive_cover_bloc.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/page_style/_page_style_layout.dart';
+import 'package:appflowy/startup/startup.dart';
+import 'package:appflowy/user/application/auth/af_cloud_mock_auth_service.dart';
+import 'package:appflowy/user/application/auth/auth_service.dart';
+import 'package:appflowy/user/presentation/screens/sign_in_screen/widgets/widgets.dart';
+import 'package:appflowy/workspace/application/settings/prelude.dart';
+import 'package:appflowy/workspace/application/view/view_ext.dart';
+import 'package:appflowy/workspace/presentation/settings/widgets/setting_appflowy_cloud.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flowy_infra/uuid.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+import 'package:path/path.dart' as p;
+
+import '../../../shared/constants.dart';
+import '../../../shared/dir.dart';
+import '../../../shared/mock/mock_file_picker.dart';
+import '../../../shared/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('workspace operations:', () {
+    testWidgets('create a new workspace', (tester) async {
+      await tester.initializeAppFlowy(
+        cloudType: AuthenticatorType.appflowyCloudSelfHost,
+      );
+      await tester.tapGoogleLoginInButton();
+      await tester.expectToSeeHomePageWithGetStartedPage();
+
+      // click the create a new workspace button
+      await tester.tapButton(find.text(Constants.defaultWorkspaceName));
+      await tester.tapButton(find.text(LocaleKeys.workspace_create.tr()));
+
+      // input the new workspace name
+      final inputField = find.byType(TextFormField);
+      const newWorkspaceName = 'AppFlowy';
+      await tester.enterText(inputField, newWorkspaceName);
+      await tester.pumpAndSettle();
+
+      // wait for the workspace to be created
+      await tester.pumpUntilFound(
+        find.text(LocaleKeys.workspace_createSuccess.tr()),
+      );
+
+      // expect to see the new workspace
+      expect(find.text(newWorkspaceName), findsOneWidget);
+    });
+  });
+}

frontend/appflowy_flutter/integration_test/mobile/document/document_test_runner.dart

@@ -0,0 +1,12 @@
+import 'package:integration_test/integration_test.dart';
+
+import 'page_style_test.dart' as page_style_test;
+import 'title_test.dart' as title_test;
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  // Document integration tests
+  title_test.main();
+  page_style_test.main();
+}

frontend/appflowy_flutter/integration_test/mobile/document/page_style_test.dart

@@ -57,10 +57,11 @@ void main() {
           .single
           .widget as AppFlowyEditorPage;
       return editorPage.styleCustomizer
-          .style()
-          .textStyleConfiguration
-          .text
-          .height!;
+              .style()
+              .textStyleConfiguration
+              .text
+              .height ??
+          PageStyleLineHeightLayout.normal.lineHeight;
     }
 
     testWidgets('change font size in page style settings', (tester) async {
@@ -126,7 +127,6 @@ void main() {
 
       // click done button to exit the page style settings
       await tester.tapButton(find.byType(BottomSheetDoneButton).first);
-      await tester.tapButton(find.byType(BottomSheetDoneButton).first);
 
       // check the cover
       final builtInCover = find.descendant(