diff --git a/.github/actions/flutter_build/action.yml b/.github/actions/flutter_build/action.yml
index 81b2845949..bfcb501327 100644
--- a/.github/actions/flutter_build/action.yml
+++ b/.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
- 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
\ No newline at end of file
+ path: appflowy_flutter.tar.gz
diff --git a/.github/actions/flutter_integration_test/action.yml b/.github/actions/flutter_integration_test/action.yml
index 6df3ec005d..e0fa508ade 100644
--- a/.github/actions/flutter_integration_test/action.yml
+++ b/.github/actions/flutter_integration_test/action.yml
@@ -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
\ No newline at end of file
+ shell: bash
diff --git a/.github/workflows/android_ci.yaml.bak b/.github/workflows/android_ci.yaml.bak
index 8732558927..81e132cbf8 100644
--- a/.github/workflows/android_ci.yaml.bak
+++ b/.github/workflows/android_ci.yaml.bak
@@ -1,126 +1,196 @@
-# name: Android CI
+name: Android CI
-# on:
-# push:
-# branches:
-# - "main"
-# paths:
-# - ".github/workflows/mobile_ci.yaml"
-# - "frontend/**"
-# - "!frontend/appflowy_tauri/**"
+on:
+ push:
+ branches:
+ - "main"
+ paths:
+ - ".github/workflows/mobile_ci.yaml"
+ - "frontend/**"
-# pull_request:
-# branches:
-# - "main"
-# paths:
-# - ".github/workflows/mobile_ci.yaml"
-# - "frontend/**"
-# - "!frontend/appflowy_tauri/**"
+ pull_request:
+ branches:
+ - "main"
+ paths:
+ - ".github/workflows/mobile_ci.yaml"
+ - "frontend/**"
+ - "!frontend/appflowy_tauri/**"
-# env:
-# CARGO_TERM_COLOR: always
-# FLUTTER_VERSION: "3.19.0"
-# RUST_TOOLCHAIN: "1.77.2"
-# CARGO_MAKE_VERSION: "0.36.6"
+env:
+ CARGO_TERM_COLOR: always
+ FLUTTER_VERSION: "3.27.4"
+ RUST_TOOLCHAIN: "1.81.0"
+ CARGO_MAKE_VERSION: "0.37.18"
+ CLOUD_VERSION: 0.6.54-amd64
-# concurrency:
-# group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
-# cancel-in-progress: true
+concurrency:
+ group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
+ cancel-in-progress: true
-# jobs:
-# build:
-# if: github.event.pull_request.draft != true
-# strategy:
-# fail-fast: true
-# matrix:
-# os: [macos-14]
-# runs-on: ${{ matrix.os }}
+jobs:
+ build:
+ if: github.event.pull_request.draft != true
+ strategy:
+ fail-fast: true
+ matrix:
+ os: [ubuntu-latest]
+ runs-on: ${{ matrix.os }}
-# steps:
-# - name: Check storage space
-# run: df -h
+ steps:
+ - name: Check storage space
+ run:
+ df -h
-# # the following step is required to avoid running out of space
-# - name: Maximize build space
-# if: matrix.os == 'ubuntu-latest'
-# run: |
-# sudo rm -rf /usr/share/dotnet
-# sudo rm -rf /opt/ghc
-# sudo rm -rf "/usr/local/share/boost"
-# sudo rm -rf "$AGENT_TOOLSDIRECTORY"
-# sudo docker image prune --all --force
-# sudo rm -rf /opt/hostedtoolcache/codeQL
-# sudo rm -rf ${GITHUB_WORKSPACE}/.git
-# sudo rm -rf $ANDROID_HOME/ndk
+ # the following step is required to avoid running out of space
+ - name: Maximize build space
+ if: matrix.os == 'ubuntu-latest'
+ run: |
+ sudo rm -rf /usr/share/dotnet
+ sudo rm -rf /opt/ghc
+ sudo rm -rf "/usr/local/share/boost"
+ sudo rm -rf "$AGENT_TOOLSDIRECTORY"
+ sudo docker image prune --all --force
+ sudo rm -rf /opt/hostedtoolcache/codeQL
+ sudo rm -rf ${GITHUB_WORKSPACE}/.git
-# - name: Check storage space
-# run: df -h
+ - name: Check storage space
+ run: df -h
-# - name: Checkout source code
-# uses: actions/checkout@v4
+ - name: Checkout appflowy cloud code
+ uses: actions/checkout@v4
+ with:
+ repository: AppFlowy-IO/AppFlowy-Cloud
+ path: AppFlowy-Cloud
-# - uses: actions/setup-java@v4
-# with:
-# distribution: temurin
-# java-version: 11
+ - name: Prepare appflowy cloud env
+ working-directory: AppFlowy-Cloud
+ run: |
+ # log level
+ 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: Install Rust toolchain
-# id: rust_toolchain
-# uses: actions-rs/toolchain@v1
-# with:
-# toolchain: ${{ env.RUST_TOOLCHAIN }}
-# override: true
-# profile: minimal
+ - name: Run Docker-Compose
+ working-directory: AppFlowy-Cloud
+ env:
+ 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
+ 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. 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
-# - name: Install flutter
-# id: flutter
-# uses: subosito/flutter-action@v2
-# with:
-# channel: "stable"
-# flutter-version: ${{ env.FLUTTER_VERSION }}
+ # 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
+ fi
-# - uses: gradle/gradle-build-action@v3
-# with:
-# gradle-version: 7.4.2
+ - name: Checkout source code
+ uses: actions/checkout@v4
-# - uses: davidB/rust-cargo-make@v1
-# with:
-# version: "0.36.6"
+ - uses: actions/setup-java@v4
+ with:
+ distribution: temurin
+ java-version: 11
-# - name: Install prerequisites
-# working-directory: frontend
-# run: |
-# rustup target install aarch64-linux-android
-# rustup target install x86_64-linux-android
-# cargo install --force duckscript_cli
-# cargo install cargo-ndk
-# 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
-# sudo apt-get install keybinder-3.0 libnotify-dev
-# sudo apt-get install gcc-multilib
-# 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
+ - name: Install Rust toolchain
+ id: rust_toolchain
+ uses: actions-rs/toolchain@v1
+ with:
+ toolchain: ${{ env.RUST_TOOLCHAIN }}
+ override: true
+ profile: minimal
-# - name: Build AppFlowy
-# working-directory: frontend
-# run: |
-# cargo make --profile development-android appflowy-android-dev-ci
+ - name: Install flutter
+ id: flutter
+ uses: subosito/flutter-action@v2
+ with:
+ channel: "stable"
+ flutter-version: ${{ env.FLUTTER_VERSION }}
+ - uses: gradle/gradle-build-action@v3
+ with:
+ gradle-version: 8.10
-# - name: Run integration tests
-# # https://github.com/ReactiveCircus/android-emulator-runner
-# uses: reactivecircus/android-emulator-runner@v2
-# with:
-# api-level: 32
-# arch: arm64-v8a
-# disk-size: 2048M
-# working-directory: frontend/appflowy_flutter
-# script: flutter test integration_test/runner.dart
\ No newline at end of file
+ - uses: davidB/rust-cargo-make@v1
+ with:
+ version: ${{ env.CARGO_MAKE_VERSION }}
+
+ - name: Install prerequisites
+ working-directory: frontend
+ run: |
+ rustup target install aarch64-linux-android
+ rustup target install x86_64-linux-android
+ rustup target add armv7-linux-androideabi
+ cargo install --force --locked duckscript_cli
+ cargo install cargo-ndk
+ 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
+ sudo apt-get install keybinder-3.0 libnotify-dev
+ sudo apt-get install gcc-multilib
+ 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
+
+ - name: Build AppFlowy
+ working-directory: frontend
+ run: |
+ cargo make --profile development-android appflowy-core-dev-android
+ cargo make --profile development-android code_generation
+ cd rust-lib
+ cargo clean
+
+ - name: Enable KVM group perms
+ run: |
+ echo 'KERNEL=="kvm", GROUP="kvm", MODE="0666", OPTIONS+="static_node=kvm"' | sudo tee /etc/udev/rules.d/99-kvm4all.rules
+ sudo udevadm control --reload-rules
+ sudo udevadm trigger --name-match=kvm
+
+ - name: Run integration tests
+ # https://github.com/ReactiveCircus/android-emulator-runner
+ uses: reactivecircus/android-emulator-runner@v2
+ with:
+ api-level: 33
+ arch: x86_64
+ disk-size: 2048M
+ working-directory: frontend/appflowy_flutter
+ disable-animations: true
+ force-avd-creation: false
+ target: google_apis
+ script: flutter test integration_test/mobile/cloud/cloud_runner.dart
diff --git a/.github/workflows/build_bot.yaml b/.github/workflows/build_bot.yaml
deleted file mode 100644
index 65854b94d1..0000000000
--- a/.github/workflows/build_bot.yaml
+++ /dev/null
@@ -1,28 +0,0 @@
-name: Build Bot
-
-on:
- issue_comment:
- types: [created]
-
-jobs:
- dispatch_slash_command:
- runs-on: ubuntu-latest
- steps:
- - name: Checkout source code
- uses: actions/checkout@v4
-
- # get build name from pubspec.yaml
- - name: Get build version
- working-directory: frontend/appflowy_flutter
- id: get_build_name
- run: |
- echo "fetching version from pubspec.yaml..."
- echo "build_name=$(grep 'version: ' pubspec.yaml | awk '{print $2}')" >> $GITHUB_OUTPUT
-
- - uses: peter-evans/slash-command-dispatch@v4
- with:
- token: ${{ secrets.PAT }}
- commands: build
- static-args: |
- ref=refs/pull/${{ github.event.issue.number }}/head
- build_name=${{ steps.get_build_name.outputs.build_name }}
diff --git a/.github/workflows/deploy_test_web.yaml b/.github/workflows/deploy_test_web.yaml
deleted file mode 100644
index 49a96458f9..0000000000
--- a/.github/workflows/deploy_test_web.yaml
+++ /dev/null
@@ -1,72 +0,0 @@
-name: Deploy Web (Test)
-
-on:
- push:
- branches:
- - build/test
-env:
- NODE_VERSION: "18.16.0"
- PNPM_VERSION: "8.5.0"
-
-concurrency:
- group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
- cancel-in-progress: true
-
-jobs:
- deploy:
- runs-on: ubuntu-latest
- env:
- SSH_PRIVATE_KEY: ${{ secrets.WEB_TEST_SSH_PRIVATE_KEY }}
- REMOTE_HOST: ${{ secrets.WEB_TEST_REMOTE_HOST }}
- REMOTE_USER: ${{ secrets.WEB_TEST_REMOTE_USER }}
- SSL_CERTIFICATE: ${{ secrets.WEB_TEST_SSL_CERTIFICATE }}
- SSL_CERTIFICATE_KEY: ${{ secrets.WEB_TEST_SSL_CERTIFICATE_KEY }}
- ENV_FILE: test.env
- steps:
- - uses: actions/checkout@v4
- - name: setup node
- uses: actions/setup-node@v3
- with:
- node-version: ${{ env.NODE_VERSION }}
- - name: setup pnpm
- uses: pnpm/action-setup@v2
- with:
- version: ${{ env.PNPM_VERSION }}
- - name: Node_modules cache
- uses: actions/cache@v2
- with:
- path: frontend/appflowy_web_app/node_modules
- key: node-modules-${{ runner.os }}
- - name: install frontend dependencies
- working-directory: frontend/appflowy_web_app
- run: |
- pnpm install
- - name: copy env file
- working-directory: frontend/appflowy_web_app
- run: |
- cp ${{ env.ENV_FILE }} .env
- - name: test and lint
- working-directory: frontend/appflowy_web_app
- run: |
- pnpm run lint
- - name: build
- working-directory: frontend/appflowy_web_app
- run: |
- pnpm run build
- - name: generate SSL certificate
- run: |
- echo "${{ env.SSL_CERTIFICATE }}" > nginx-signed.crt
- echo "${{ env.SSL_CERTIFICATE_KEY }}" > nginx-signed.key
- - name: Deploy to EC2
- uses: easingthemes/ssh-deploy@main
- with:
- SSH_PRIVATE_KEY: ${{ env.SSH_PRIVATE_KEY }}
- ARGS: "-rlgoDzvc -i"
- SOURCE: "frontend/appflowy_web_app/dist frontend/appflowy_web_app/Dockerfile frontend/appflowy_web_app/nginx.conf frontend/appflowy_web_app/.env nginx-signed.crt nginx-signed.key"
- REMOTE_HOST: ${{ env.REMOTE_HOST }}
- REMOTE_USER: ${{ env.REMOTE_USER }}
- EXCLUDE: "frontend/appflowy_web_app/dist/, frontend/appflowy_web_app/node_modules/"
- SCRIPT_AFTER: |
- docker build -t appflowy-web-app .
- docker rm -f appflowy-web-app || true
- docker run -d -p 80:80 -p 443:443 --name appflowy-web-app appflowy-web-app
diff --git a/.github/workflows/docker_ci.yml b/.github/workflows/docker_ci.yml
index 2c2143c1fe..51e8a2ac28 100644
--- a/.github/workflows/docker_ci.yml
+++ b/.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
diff --git a/.github/workflows/flutter_ci.yaml b/.github/workflows/flutter_ci.yaml
index 6ec1c76682..1fc1b0e052 100644
--- a/.github/workflows/flutter_ci.yaml
+++ b/.github/workflows/flutter_ci.yaml
@@ -25,9 +25,10 @@ on:
env:
CARGO_TERM_COLOR: always
- FLUTTER_VERSION: "3.19.0"
- RUST_TOOLCHAIN: "1.77.2"
- CARGO_MAKE_VERSION: "0.36.6"
+ FLUTTER_VERSION: "3.27.4"
+ RUST_TOOLCHAIN: "1.81.0"
+ 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
@@ -89,6 +90,7 @@ jobs:
with:
os: ${{ matrix.os }}
flutter_version: ${{ env.FLUTTER_VERSION }}
+ DISABLE_CI_TEST_LOG: "true"
rust_toolchain: ${{ env.RUST_TOOLCHAIN }}
cargo_make_version: ${{ env.CARGO_MAKE_VERSION }}
rust_target: ${{ matrix.target }}
@@ -99,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
@@ -121,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
@@ -202,6 +204,7 @@ jobs:
- name: Run Flutter unit tests
env:
DISABLE_EVENT_LOG: true
+ DISABLE_CI_TEST_LOG: "true"
working-directory: frontend
run: |
if [ "$RUNNER_OS" == "macOS" ]; then
@@ -214,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
@@ -239,17 +242,50 @@ 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:
- BACKEND_VERSION: 0.3.24-amd64
+ APPFLOWY_CLOUD_VERSION: ${{ env.CLOUD_VERSION }}
+ APPFLOWY_HISTORY_VERSION: ${{ env.CLOUD_VERSION }}
+ APPFLOWY_WORKER_VERSION: ${{ env.CLOUD_VERSION }}
run: |
- docker compose down -v --remove-orphans
- docker compose pull
- docker compose up -d
- sleep 10
+ 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
+ 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. 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
+ fi
- name: Checkout source code
uses: actions/checkout@v4
@@ -300,78 +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, 9]
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: 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: 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: 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 }}
\ No newline at end of file
diff --git a/.github/workflows/ios_ci.yaml b/.github/workflows/ios_ci.yaml
index e6b6b741fd..e13863f4a7 100644
--- a/.github/workflows/ios_ci.yaml
+++ b/.github/workflows/ios_ci.yaml
@@ -7,7 +7,6 @@ on:
paths:
- ".github/workflows/mobile_ci.yaml"
- "frontend/**"
- - "!frontend/appflowy_tauri/**"
- "!frontend/appflowy_web_app/**"
pull_request:
@@ -16,32 +15,46 @@ on:
paths:
- ".github/workflows/mobile_ci.yaml"
- "frontend/**"
- - "!frontend/appflowy_tauri/**"
- "!frontend/appflowy_web_app/**"
env:
- FLUTTER_VERSION: "3.19.0"
- RUST_TOOLCHAIN: "1.77.2"
+ FLUTTER_VERSION: "3.27.4"
+ RUST_TOOLCHAIN: "1.81.0"
concurrency:
group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
cancel-in-progress: true
jobs:
- build:
- if: github.event.pull_request.draft != true
- strategy:
- fail-fast: true
- matrix:
- os: [ macos-14 ]
- runs-on: ${{ matrix.os }}
+ build-self-hosted:
+ if: github.event.pull_request.head.repo.full_name == github.repository
+ runs-on: self-hosted
steps:
- name: Checkout source code
uses: actions/checkout@v2
+ - name: Build AppFlowy
+ working-directory: frontend
+ run: |
+ 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
+
+ integration-tests:
+ if: github.event.pull_request.head.repo.full_name != github.repository
+ runs-on: macos-latest
+
+ steps:
+ - name: Checkout source code
+ uses: actions/checkout@v4
+
- name: Install Rust toolchain
- id: rust_toolchain
uses: actions-rs/toolchain@v1
with:
toolchain: ${{ env.RUST_TOOLCHAIN }}
@@ -49,8 +62,7 @@ jobs:
override: true
profile: minimal
- - name: Install flutter
- id: flutter
+ - name: Install Flutter
uses: subosito/flutter-action@v2
with:
channel: "stable"
@@ -59,19 +71,19 @@ jobs:
- uses: Swatinem/rust-cache@v2
with:
- prefix-key: ${{ matrix.os }}
+ prefix-key: macos-latest
workspaces: |
frontend/rust-lib
- uses: davidB/rust-cargo-make@v1
with:
- version: "0.36.6"
+ version: "0.37.15"
- name: Install prerequisites
working-directory: frontend
run: |
rustup target install aarch64-apple-ios-sim
- cargo install --force duckscript_cli
+ cargo install --force --locked duckscript_cli
cargo install cargo-lipo
cargo make appflowy-flutter-deps-tools
shell: bash
@@ -85,10 +97,23 @@ jobs:
- uses: futureware-tech/simulator-action@v3
id: simulator-action
with:
- model: 'iPhone 15'
+ model: "iPhone 15"
shutdown_after_job: false
- # 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 }}
+ - name: Run AppFlowy on simulator
+ working-directory: frontend/appflowy_flutter
+ run: |
+ flutter run -d ${{ steps.simulator-action.outputs.udid }} &
+ pid=$!
+ sleep 500
+ kill $pid
+ continue-on-error: true
+
+ # Integration tests
+ - name: Run integration tests
+ working-directory: frontend/appflowy_flutter
+ # The integration tests are flaky and sometimes fail with "Connection timed out":
+ # Don't block the CI. If the tests fail, the CI will still pass.
+ # Instead, we're using Code Magic to re-run the tests to check if they pass.
+ continue-on-error: true
+ run: flutter test integration_test/runner.dart -d ${{ steps.simulator-action.outputs.udid }}
diff --git a/.github/workflows/mobile_ci.yml b/.github/workflows/mobile_ci.yml
new file mode 100644
index 0000000000..4606a67799
--- /dev/null
+++ b/.github/workflows/mobile_ci.yml
@@ -0,0 +1,83 @@
+name: Mobile-CI
+
+on:
+ workflow_dispatch:
+ inputs:
+ branch:
+ description: "Branch to build"
+ required: true
+ default: "main"
+ workflow_id:
+ description: "Codemagic workflow ID"
+ required: true
+ default: "ios-workflow"
+ type: choice
+ options:
+ - ios-workflow
+ - android-workflow
+
+env:
+ CODEMAGIC_API_TOKEN: ${{ secrets.CODEMAGIC_API_TOKEN }}
+ APP_ID: "6731d2f427e7c816080c3674"
+
+jobs:
+ trigger-mobile-build:
+ runs-on: ubuntu-latest
+ steps:
+ - name: Trigger Codemagic Build
+ id: trigger_build
+ run: |
+ RESPONSE=$(curl -X POST \
+ --header "Content-Type: application/json" \
+ --header "x-auth-token: $CODEMAGIC_API_TOKEN" \
+ --data '{
+ "appId": "${{ env.APP_ID }}",
+ "workflowId": "${{ github.event.inputs.workflow_id }}",
+ "branch": "${{ github.event.inputs.branch }}"
+ }' \
+ https://api.codemagic.io/builds)
+
+ BUILD_ID=$(echo $RESPONSE | jq -r '.buildId')
+ echo "build_id=$BUILD_ID" >> $GITHUB_OUTPUT
+ echo "build_id=$BUILD_ID"
+
+ - name: Wait for build and check status
+ id: check_status
+ run: |
+ while true; do
+ curl -X GET \
+ --header "Content-Type: application/json" \
+ --header "x-auth-token: $CODEMAGIC_API_TOKEN" \
+ https://api.codemagic.io/builds/${{ steps.trigger_build.outputs.build_id }} > /tmp/response.json
+
+ RESPONSE_WITHOUT_COMMAND=$(cat /tmp/response.json | jq 'walk(if type == "object" and has("subactions") then .subactions |= map(del(.command)) else . end)')
+ STATUS=$(echo $RESPONSE_WITHOUT_COMMAND | jq -r '.build.status')
+
+ if [ "$STATUS" = "finished" ]; then
+ SUCCESS=$(echo $RESPONSE_WITHOUT_COMMAND | jq -r '.success')
+ BUILD_URL=$(echo $RESPONSE_WITHOUT_COMMAND | jq -r '.buildUrl')
+ echo "status=$STATUS" >> $GITHUB_OUTPUT
+ echo "success=$SUCCESS" >> $GITHUB_OUTPUT
+ echo "build_url=$BUILD_URL" >> $GITHUB_OUTPUT
+ break
+ elif [ "$STATUS" = "failed" ]; then
+ echo "status=failed" >> $GITHUB_OUTPUT
+ break
+ fi
+
+ sleep 60
+ done
+
+ - name: Slack Notification
+ uses: 8398a7/action-slack@v3
+ if: always()
+ with:
+ status: ${{ steps.check_status.outputs.success == 'true' && 'success' || 'failure' }}
+ fields: repo,message,commit,author,action,eventName,ref,workflow,job,took
+ text: |
+ Mobile CI Build Result
+ Branch: ${{ github.event.inputs.branch }}
+ Workflow: ${{ github.event.inputs.workflow_id }}
+ Build URL: ${{ steps.check_status.outputs.build_url }}
+ env:
+ SLACK_WEBHOOK_URL: ${{ secrets.RELEASE_SLACK_WEBHOOK }}
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index ee065c6e9e..a4582ffa74 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -6,8 +6,8 @@ on:
- "*"
env:
- FLUTTER_VERSION: "3.19.0"
- RUST_TOOLCHAIN: "1.77.2"
+ FLUTTER_VERSION: "3.27.4"
+ RUST_TOOLCHAIN: "1.81.0"
jobs:
create-release:
@@ -73,8 +73,8 @@ jobs:
working-directory: frontend
run: |
vcpkg integrate install
- cargo install --force cargo-make
- cargo install --force duckscript_cli
+ cargo install --force --locked cargo-make
+ cargo install --force --locked duckscript_cli
- name: Build Windows app
working-directory: frontend
@@ -135,7 +135,7 @@ jobs:
fail-fast: false
matrix:
job:
- - { target: x86_64-apple-darwin, os: macos-11, extra-build-args: "" }
+ - { target: x86_64-apple-darwin, os: macos-13, extra-build-args: "" }
steps:
- name: Checkout source code
uses: actions/checkout@v4
@@ -158,8 +158,8 @@ jobs:
- name: Install prerequisites
working-directory: frontend
run: |
- cargo install --force cargo-make
- cargo install --force duckscript_cli
+ cargo install --force --locked cargo-make
+ cargo install --force --locked duckscript_cli
- name: Build AppFlowy
working-directory: frontend
@@ -232,10 +232,10 @@ jobs:
matrix:
job:
- {
- targets: "aarch64-apple-darwin,x86_64-apple-darwin",
- os: macos-11,
- 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
@@ -256,8 +256,8 @@ jobs:
- name: Install prerequisites
working-directory: frontend
run: |
- cargo install --force cargo-make
- cargo install --force duckscript_cli
+ cargo install --force --locked cargo-make
+ cargo install --force --locked duckscript_cli
- name: Build AppFlowy
working-directory: frontend
@@ -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-22.04,
+ extra-build-args: "",
+ flutter_profile: production-linux-x86_64,
+ }
steps:
- name: Checkout source code
uses: actions/checkout@v4
@@ -367,11 +367,11 @@ 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 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 libnotify-dev
- sudo apt-get -y install alien
+ sudo apt-get install keybinder-3.0
+ sudo apt-get install -y alien libnotify-dev
source $HOME/.cargo/env
- cargo install --force cargo-make
- cargo install --force duckscript_cli
+ cargo install --force --locked cargo-make
+ cargo install --force --locked duckscript_cli
rustup target add ${{ matrix.job.target }}
- name: Install gcc-aarch64-linux-gnu
@@ -479,6 +479,24 @@ jobs:
cache-from: type=registry,ref=${{ secrets.DOCKER_HUB_USERNAME }}/af_build_cache:buildcache
cache-to: type=registry,ref=${{ secrets.DOCKER_HUB_USERNAME }}/af_build_cache:buildcache,mode=max
+ notify-failure:
+ runs-on: ubuntu-latest
+ needs:
+ - build-for-macOS-x86_64
+ - build-for-windows
+ - build-for-linux
+ if: failure()
+ steps:
+ - uses: 8398a7/action-slack@v3
+ with:
+ status: ${{ job.status }}
+ text: |
+ 🔴🔴🔴Workflow ${{ github.workflow }} in repository ${{ github.repository }} was failed 🔴🔴🔴.
+ fields: repo,message,author,eventName,ref,workflow
+ env:
+ SLACK_WEBHOOK_URL: ${{ secrets.RELEASE_SLACK_WEBHOOK }}
+ if: always()
+
notify-discord:
runs-on: ubuntu-latest
needs:
diff --git a/.github/workflows/rust_ci.yaml b/.github/workflows/rust_ci.yaml
index c59d45c58c..36c2e82064 100644
--- a/.github/workflows/rust_ci.yaml
+++ b/.github/workflows/rust_ci.yaml
@@ -8,60 +8,50 @@ on:
- "release/*"
paths:
- "frontend/rust-lib/**"
+ - ".github/workflows/rust_ci.yaml"
pull_request:
branches:
- "main"
- "develop"
- "release/*"
- paths:
- - "frontend/rust-lib/**"
env:
CARGO_TERM_COLOR: always
- RUST_TOOLCHAIN: "1.77.2"
+ CLOUD_VERSION: 0.8.3-amd64
+ RUST_TOOLCHAIN: "1.81.0"
jobs:
- test-on-ubuntu:
+ ubuntu-job:
runs-on: ubuntu-latest
steps:
- # - name: Maximize build space
- # uses: easimon/maximize-build-space@master
- # with:
- # root-reserve-mb: 2048
- # swap-size-mb: 1024
- # remove-dotnet: 'true'
+ - name: Set timezone for action
+ uses: szenius/set-timezone@v2.0
+ with:
+ timezoneLinux: "US/Pacific"
- # # the following step is required to avoid running out of space
- # - name: Maximize build space
- # run: |
- # sudo rm -rf /usr/share/dotnet
- # sudo rm -rf /opt/ghc
- # sudo rm -rf "/usr/local/share/boost"
- # sudo rm -rf "$AGENT_TOOLSDIRECTORY"
- # sudo docker image prune --all --force
+ - name: Maximize build space
+ run: |
+ sudo rm -rf /usr/share/dotnet
+ sudo rm -rf /opt/ghc
+ sudo rm -rf "/usr/local/share/boost"
+ sudo rm -rf "$AGENT_TOOLSDIRECTORY"
+ sudo docker image prune --all --force
- name: Checkout source code
uses: actions/checkout@v4
- name: Install Rust toolchain
- id: rust_toolchain
uses: actions-rs/toolchain@v1
with:
toolchain: ${{ env.RUST_TOOLCHAIN }}
override: true
components: rustfmt, clippy
profile: minimal
-
- - name: Install prerequisites
- working-directory: frontend
- run: |
- cargo install --force cargo-make
- cargo install --force duckscript_cli
-
- uses: Swatinem/rust-cache@v2
with:
- prefix-key: "ubuntu-latest"
+ prefix-key: ${{ runner.os }}
+ cache-on-failure: true
workspaces: |
frontend/rust-lib
@@ -74,18 +64,38 @@ jobs:
- name: Prepare appflowy cloud env
working-directory: AppFlowy-Cloud
run: |
- # log level
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: Run Docker-Compose
+ - name: Ensure AppFlowy-Cloud is Running with Correct Version
working-directory: AppFlowy-Cloud
env:
- BACKEND_VERSION: 0.3.24-amd64
+ APPFLOWY_CLOUD_VERSION: ${{ env.CLOUD_VERSION }}
+ APPFLOWY_HISTORY_VERSION: ${{ env.CLOUD_VERSION }}
+ APPFLOWY_WORKER_VERSION: ${{ env.CLOUD_VERSION }}
run: |
- docker pull appflowyinc/appflowy_cloud:latest
+ # 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
- name: Run rust-lib tests
working-directory: frontend/rust-lib
@@ -106,6 +116,12 @@ jobs:
run: cargo clippy --all-targets -- -D warnings
working-directory: frontend/rust-lib
+ - name: "Debug: show Appflowy-Cloud container logs"
+ if: failure()
+ working-directory: AppFlowy-Cloud
+ run: |
+ docker compose logs appflowy_cloud
+
- name: Clean up Docker images
run: |
docker image prune -af
diff --git a/.github/workflows/rust_coverage.yml b/.github/workflows/rust_coverage.yml
index 4d8e9cbad8..53a5f66748 100644
--- a/.github/workflows/rust_coverage.yml
+++ b/.github/workflows/rust_coverage.yml
@@ -10,8 +10,8 @@ on:
env:
CARGO_TERM_COLOR: always
- FLUTTER_VERSION: "3.19.0"
- RUST_TOOLCHAIN: "1.77.2"
+ FLUTTER_VERSION: "3.27.4"
+ RUST_TOOLCHAIN: "1.81.0"
jobs:
tests:
@@ -40,8 +40,8 @@ jobs:
- name: Install prerequisites
working-directory: frontend
run: |
- cargo install --force cargo-make
- cargo install --force duckscript_cli
+ cargo install --force --locked cargo-make
+ cargo install --force --locked duckscript_cli
- uses: Swatinem/rust-cache@v2
with:
diff --git a/.github/workflows/tauri2_ci.yaml b/.github/workflows/tauri2_ci.yaml
deleted file mode 100644
index 28414f0997..0000000000
--- a/.github/workflows/tauri2_ci.yaml
+++ /dev/null
@@ -1,113 +0,0 @@
-name: Tauri-CI
-on:
- pull_request:
- paths:
- - ".github/workflows/tauri2_ci.yaml"
- - "frontend/rust-lib/**"
- - "frontend/appflowy_web_app/**"
- - "frontend/resources/**"
-
-env:
- NODE_VERSION: "18.16.0"
- PNPM_VERSION: "8.5.0"
- RUST_TOOLCHAIN: "1.77.2"
-
-concurrency:
- group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
- cancel-in-progress: true
-
-jobs:
- tauri-build:
- if: github.event.pull_request.draft != true
- strategy:
- fail-fast: false
- matrix:
- platform: [ ubuntu-20.04 ]
-
- runs-on: ${{ matrix.platform }}
-
- env:
- CI: true
- steps:
- - uses: actions/checkout@v4
-
- - name: Maximize build space (ubuntu only)
- if: matrix.platform == 'ubuntu-20.04'
- run: |
- sudo rm -rf /usr/share/dotnet
- sudo rm -rf /opt/ghc
- sudo rm -rf "/usr/local/share/boost"
- sudo rm -rf "$AGENT_TOOLSDIRECTORY"
- sudo docker image prune --all --force
- sudo rm -rf /opt/hostedtoolcache/codeQL
- sudo rm -rf ${GITHUB_WORKSPACE}/.git
- sudo rm -rf $ANDROID_HOME/ndk
-
- - name: setup node
- uses: actions/setup-node@v3
- with:
- node-version: ${{ env.NODE_VERSION }}
-
- - name: setup pnpm
- uses: pnpm/action-setup@v2
- with:
- version: ${{ env.PNPM_VERSION }}
-
- - name: Install Rust toolchain
- id: rust_toolchain
- uses: actions-rs/toolchain@v1
- with:
- toolchain: ${{ env.RUST_TOOLCHAIN }}
- override: true
- profile: minimal
-
- - name: Rust cache
- uses: swatinem/rust-cache@v2
- with:
- workspaces: "./frontend/appflowy_web_app/src-tauri -> target"
-
- - name: Node_modules cache
- uses: actions/cache@v2
- with:
- path: frontend/appflowy_web_app/node_modules
- key: node-modules-${{ runner.os }}
-
- - name: install dependencies (windows only)
- if: matrix.platform == 'windows-latest'
- working-directory: frontend
- run: |
- cargo install --force duckscript_cli
- vcpkg integrate install
-
- - name: install dependencies (ubuntu only)
- if: matrix.platform == 'ubuntu-20.04'
- working-directory: frontend
- run: |
- sudo apt-get update
- sudo apt-get install -y libgtk-3-dev libwebkit2gtk-4.0-dev libappindicator3-dev librsvg2-dev patchelf
-
- - name: install cargo-make
- working-directory: frontend
- run: |
- cargo install --force cargo-make
- cargo make appflowy-tauri-deps-tools
-
- - name: install frontend dependencies
- working-directory: frontend/appflowy_web_app
- run: |
- mkdir dist
- pnpm install
- cd src-tauri && cargo build
-
- - name: test and lint
- working-directory: frontend/appflowy_web_app
- run: |
- pnpm run lint:tauri
-
- - uses: tauri-apps/tauri-action@v0
- env:
- GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
- with:
- tauriScript: pnpm tauri
- projectPath: frontend/appflowy_web_app
- args: "--debug"
\ No newline at end of file
diff --git a/.github/workflows/tauri_ci.yaml b/.github/workflows/tauri_ci.yaml
deleted file mode 100644
index 70ad621451..0000000000
--- a/.github/workflows/tauri_ci.yaml
+++ /dev/null
@@ -1,111 +0,0 @@
-name: Tauri-CI
-on:
- push:
- branches:
- - build/tauri
-
-env:
- NODE_VERSION: "18.16.0"
- PNPM_VERSION: "8.5.0"
- RUST_TOOLCHAIN: "1.77.2"
-
-concurrency:
- group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
- cancel-in-progress: true
-
-jobs:
- tauri-build:
- if: github.event.pull_request.draft != true
- strategy:
- fail-fast: false
- matrix:
- platform: [ ubuntu-20.04 ]
-
- runs-on: ${{ matrix.platform }}
-
- env:
- CI: true
- steps:
- - uses: actions/checkout@v4
-
- - name: Maximize build space (ubuntu only)
- if: matrix.platform == 'ubuntu-20.04'
- run: |
- sudo rm -rf /usr/share/dotnet
- sudo rm -rf /opt/ghc
- sudo rm -rf "/usr/local/share/boost"
- sudo rm -rf "$AGENT_TOOLSDIRECTORY"
- sudo docker image prune --all --force
- sudo rm -rf /opt/hostedtoolcache/codeQL
- sudo rm -rf ${GITHUB_WORKSPACE}/.git
- sudo rm -rf $ANDROID_HOME/ndk
-
- - name: setup node
- uses: actions/setup-node@v3
- with:
- node-version: ${{ env.NODE_VERSION }}
-
- - name: setup pnpm
- uses: pnpm/action-setup@v2
- with:
- version: ${{ env.PNPM_VERSION }}
-
- - name: Install Rust toolchain
- id: rust_toolchain
- uses: actions-rs/toolchain@v1
- with:
- toolchain: ${{ env.RUST_TOOLCHAIN }}
- override: true
- profile: minimal
-
- - name: Rust cache
- uses: swatinem/rust-cache@v2
- with:
- workspaces: "./frontend/appflowy_tauri/src-tauri -> target"
-
- - name: Node_modules cache
- uses: actions/cache@v2
- with:
- path: frontend/appflowy_tauri/node_modules
- key: node-modules-${{ runner.os }}
-
- - name: install dependencies (windows only)
- if: matrix.platform == 'windows-latest'
- working-directory: frontend
- run: |
- cargo install --force duckscript_cli
- vcpkg integrate install
-
- - name: install dependencies (ubuntu only)
- if: matrix.platform == 'ubuntu-20.04'
- working-directory: frontend
- run: |
- sudo apt-get update
- sudo apt-get install -y libgtk-3-dev libwebkit2gtk-4.0-dev libappindicator3-dev librsvg2-dev patchelf
-
- - name: install cargo-make
- working-directory: frontend
- run: |
- cargo install --force cargo-make
- cargo make appflowy-tauri-deps-tools
-
- - name: install frontend dependencies
- working-directory: frontend/appflowy_tauri
- run: |
- mkdir dist
- pnpm install
- cargo make --cwd .. tauri_build
-
- - name: frontend tests and linting
- working-directory: frontend/appflowy_tauri
- run: |
- pnpm test
- pnpm test:errors
-
- - uses: tauri-apps/tauri-action@v0
- env:
- GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
- with:
- tauriScript: pnpm tauri
- projectPath: frontend/appflowy_tauri
- args: "--debug"
\ No newline at end of file
diff --git a/.github/workflows/tauri_release.yml b/.github/workflows/tauri_release.yml
deleted file mode 100644
index 7de80b017e..0000000000
--- a/.github/workflows/tauri_release.yml
+++ /dev/null
@@ -1,153 +0,0 @@
-name: Publish Tauri Release
-
-on:
- workflow_dispatch:
- inputs:
- branch:
- description: 'The branch to release'
- required: true
- default: 'main'
- version:
- description: 'The version to release'
- required: true
- default: '0.0.0'
-env:
- NODE_VERSION: "18.16.0"
- PNPM_VERSION: "8.5.0"
- RUST_TOOLCHAIN: "1.77.2"
-
-jobs:
-
- publish-tauri:
- permissions:
- contents: write
- strategy:
- fail-fast: false
- matrix:
- settings:
- - platform: windows-latest
- args: "--verbose"
- target: "windows-x86_64"
- - platform: macos-latest
- args: "--target x86_64-apple-darwin"
- target: "macos-x86_64"
- - platform: ubuntu-20.04
- args: "--target x86_64-unknown-linux-gnu"
- target: "linux-x86_64"
-
- runs-on: ${{ matrix.settings.platform }}
-
- env:
- CI: true
- PACKAGE_PREFIX: AppFlowy_Tauri-${{ github.event.inputs.version }}-${{ matrix.settings.target }}
- steps:
- - uses: actions/checkout@v4
- with:
- ref: ${{ github.event.inputs.branch }}
-
- - name: Maximize build space (ubuntu only)
- if: matrix.settings.platform == 'ubuntu-20.04'
- run: |
- sudo rm -rf /usr/share/dotnet
- sudo rm -rf /opt/ghc
- sudo rm -rf "/usr/local/share/boost"
- sudo rm -rf "$AGENT_TOOLSDIRECTORY"
- sudo docker image prune --all --force
- sudo rm -rf /opt/hostedtoolcache/codeQL
- sudo rm -rf ${GITHUB_WORKSPACE}/.git
- sudo rm -rf $ANDROID_HOME/ndk
-
- - name: setup node
- uses: actions/setup-node@v3
- with:
- node-version: ${{ env.NODE_VERSION }}
-
- - name: setup pnpm
- uses: pnpm/action-setup@v2
- with:
- version: ${{ env.PNPM_VERSION }}
-
- - name: Install Rust toolchain
- id: rust_toolchain
- uses: actions-rs/toolchain@v1
- with:
- toolchain: ${{ env.RUST_TOOLCHAIN }}
- override: true
- profile: minimal
-
- - name: Rust cache
- uses: swatinem/rust-cache@v2
- with:
- workspaces: "./frontend/appflowy_tauri/src-tauri -> target"
-
- - name: install dependencies (windows only)
- if: matrix.settings.platform == 'windows-latest'
- working-directory: frontend
- run: |
- cargo install --force duckscript_cli
- vcpkg integrate install
-
- - name: install dependencies (ubuntu only)
- if: matrix.settings.platform == 'ubuntu-20.04'
- working-directory: frontend
- run: |
- sudo apt-get update
- sudo apt-get install -y libgtk-3-dev libwebkit2gtk-4.0-dev libappindicator3-dev librsvg2-dev patchelf
-
- - name: install cargo-make
- working-directory: frontend
- run: |
- cargo install --force cargo-make
- cargo make appflowy-tauri-deps-tools
-
- - name: install frontend dependencies
- working-directory: frontend/appflowy_tauri
- run: |
- mkdir dist
- pnpm install
- pnpm exec node scripts/update_version.cjs ${{ github.event.inputs.version }}
- cargo make --cwd .. tauri_build
-
- - uses: tauri-apps/tauri-action@dev
- env:
- GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
- APPLE_CERTIFICATE: ${{ secrets.MACOS_CERTIFICATE }}
- APPLE_CERTIFICATE_PASSWORD: ${{ secrets.MACOS_CERTIFICATE_PWD }}
- APPLE_SIGNING_IDENTITY: ${{ secrets.MACOS_TEAM_ID }}
- APPLE_ID: ${{ secrets.MACOS_NOTARY_USER }}
- APPLE_TEAM_ID: ${{ secrets.MACOS_TEAM_ID }}
- APPLE_PASSWORD: ${{ secrets.MACOS_NOTARY_PWD }}
- CI: true
- with:
- args: ${{ matrix.settings.args }}
- appVersion: ${{ github.event.inputs.version }}
- tauriScript: pnpm tauri
- projectPath: frontend/appflowy_tauri
-
- - name: Upload EXE package(windows only)
- uses: actions/upload-artifact@v4
- if: matrix.settings.platform == 'windows-latest'
- with:
- name: ${{ env.PACKAGE_PREFIX }}.exe
- path: frontend/appflowy_tauri/src-tauri/target/release/bundle/nsis/AppFlowy_${{ github.event.inputs.version }}_x64-setup.exe
-
- - name: Upload DMG package(macos only)
- uses: actions/upload-artifact@v4
- if: matrix.settings.platform == 'macos-latest'
- with:
- name: ${{ env.PACKAGE_PREFIX }}.dmg
- path: frontend/appflowy_tauri/src-tauri/target/x86_64-apple-darwin/release/bundle/dmg/AppFlowy_${{ github.event.inputs.version }}_x64.dmg
-
- - name: Upload Deb package(ubuntu only)
- uses: actions/upload-artifact@v4
- if: matrix.settings.platform == 'ubuntu-20.04'
- with:
- name: ${{ env.PACKAGE_PREFIX }}.deb
- path: frontend/appflowy_tauri/src-tauri/target/x86_64-unknown-linux-gnu/release/bundle/deb/app-flowy_${{ github.event.inputs.version }}_amd64.deb
-
- - name: Upload AppImage package(ubuntu only)
- uses: actions/upload-artifact@v4
- if: matrix.settings.platform == 'ubuntu-20.04'
- with:
- name: ${{ env.PACKAGE_PREFIX }}.AppImage
- path: frontend/appflowy_tauri/src-tauri/target/x86_64-unknown-linux-gnu/release/bundle/appimage/app-flowy_${{ github.event.inputs.version }}_amd64.AppImage
diff --git a/.github/workflows/web2_ci.yaml b/.github/workflows/web2_ci.yaml
deleted file mode 100644
index 68df8d805f..0000000000
--- a/.github/workflows/web2_ci.yaml
+++ /dev/null
@@ -1,75 +0,0 @@
-name: Web-CI
-on:
- pull_request:
- paths:
- - ".github/workflows/web2_ci.yaml"
- - "frontend/appflowy_web_app/**"
- - "frontend/resources/**"
-env:
- NODE_VERSION: "18.16.0"
- PNPM_VERSION: "8.5.0"
-concurrency:
- group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
- cancel-in-progress: true
-jobs:
- web-build:
- if: github.event.pull_request.draft != true
- strategy:
- fail-fast: false
- matrix:
- platform: [ ubuntu-20.04 ]
-
- runs-on: ${{ matrix.platform }}
-
- steps:
- - uses: actions/checkout@v4
- - name: Maximize build space (ubuntu only)
- if: matrix.platform == 'ubuntu-20.04'
- run: |
- sudo rm -rf /usr/share/dotnet
- sudo rm -rf /opt/ghc
- sudo rm -rf "/usr/local/share/boost"
- sudo rm -rf "$AGENT_TOOLSDIRECTORY"
- sudo docker image prune --all --force
- sudo rm -rf /opt/hostedtoolcache/codeQL
- sudo rm -rf ${GITHUB_WORKSPACE}/.git
- sudo rm -rf $ANDROID_HOME/ndk
- - name: setup node
- uses: actions/setup-node@v3
- with:
- node-version: ${{ env.NODE_VERSION }}
- - name: setup pnpm
- uses: pnpm/action-setup@v2
- with:
- version: ${{ env.PNPM_VERSION }}
- - name: Node_modules cache
- uses: actions/cache@v2
- with:
- path: frontend/appflowy_web_app/node_modules
- key: node-modules-${{ runner.os }}
-
- - name: install frontend dependencies
- working-directory: frontend/appflowy_web_app
- run: |
- pnpm install
- - name: test and lint
- working-directory: frontend/appflowy_web_app
- run: |
- pnpm run lint
- pnpm run test:unit
- - name: build and analyze
- working-directory: frontend/appflowy_web_app
- run: |
- pnpm run analyze >> analyze-size.txt
- - name: Upload analyze-size.txt
- uses: actions/upload-artifact@v4
- with:
- name: analyze-size.txt
- path: frontend/appflowy_web_app/analyze-size.txt
- retention-days: 30
- - name: Upload stats.html
- uses: actions/upload-artifact@v4
- with:
- name: stats.html
- path: frontend/appflowy_web_app/dist/stats.html
- retention-days: 30
diff --git a/.github/workflows/web_ci.yaml b/.github/workflows/web_ci.yaml
deleted file mode 100644
index 9c568e1916..0000000000
--- a/.github/workflows/web_ci.yaml
+++ /dev/null
@@ -1,83 +0,0 @@
-name: WEB-CI
-
-on:
- workflow_dispatch:
- inputs:
- build:
- description: 'Build the web app'
- required: true
- default: 'true'
-
-env:
- CARGO_TERM_COLOR: always
- NODE_VERSION: "18.16.0"
- PNPM_VERSION: "8.5.0"
- RUST_TOOLCHAIN: "1.77.2"
- CARGO_MAKE_VERSION: "0.36.6"
-
-jobs:
- web-build:
- if: github.event.pull_request.draft != true
- strategy:
- fail-fast: false
- matrix:
- platform: [ ubuntu-latest ]
-
- runs-on: ${{ matrix.platform }}
- steps:
- - uses: actions/checkout@v4
- - name: setup node
- uses: actions/setup-node@v4
- with:
- node-version: ${{ env.NODE_VERSION }}
-
- - name: Cache Rust Dependencies
- uses: Swatinem/rust-cache@v2
- with:
- key: rust-dependencies-${{ runner.os }}
- workspaces: |
- frontend/rust-lib
- frontend/appflowy_web/appflowy_wasm
-
- # TODO: Can combine caching deps and node_modules in one
- # See Glob patterns: https://github.com/actions/toolkit/tree/main/packages/glob
- - name: Cache Node.js dependencies
- uses: actions/cache@v4
- with:
- path: ~/.npm
- key: npm-${{ runner.os }}
-
- - name: Cache node_modules
- uses: actions/cache@v4
- with:
- path: frontend/appflowy_web/node_modules
- key: node-modules-${{ runner.os }}
-
- - name: Install Rust toolchain
- id: rust_toolchain
- uses: actions-rs/toolchain@v1
- with:
- toolchain: ${{ env.RUST_TOOLCHAIN }}
- override: true
- profile: minimal
-
- - name: Install wasm-pack
- run: cargo install wasm-pack
-
- - uses: taiki-e/install-action@v2
- with:
- tool: cargo-make@${{ env.CARGO_MAKE_VERSION }}
-
- - name: install dependencies
- if: matrix.platform == 'ubuntu-latest'
- working-directory: frontend
- run: |
- sudo apt-get update
- npm install -g pnpm@${{ env.PNPM_VERSION }}
- cargo make install_web_protobuf
-
- - name: Build
- working-directory: frontend/appflowy_web
- run: |
- pnpm install
- pnpm run build_release_wasm
diff --git a/.github/workflows/web_cypress_ci.yaml b/.github/workflows/web_cypress_ci.yaml
deleted file mode 100644
index 15e52d3e8d..0000000000
--- a/.github/workflows/web_cypress_ci.yaml
+++ /dev/null
@@ -1,48 +0,0 @@
-name: Cypress Tests
-
-on:
- pull_request:
- paths:
- - ".github/workflows/web2_ci.yaml"
- - "frontend/appflowy_web_app/**"
- - "frontend/resources/**"
-env:
- NODE_VERSION: "18.16.0"
- PNPM_VERSION: "8.5.0"
-concurrency:
- group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
- cancel-in-progress: true
-jobs:
- cypress-run:
- if: github.event.pull_request.draft != true
- runs-on: ubuntu-22.04
- steps:
- - uses: actions/checkout@v4
- - name: Maximize build space (ubuntu only)
- run: |
- sudo rm -rf /usr/share/dotnet
- sudo rm -rf /opt/ghc
- sudo rm -rf "/usr/local/share/boost"
- sudo rm -rf "$AGENT_TOOLSDIRECTORY"
- sudo docker image prune --all --force
- sudo rm -rf /opt/hostedtoolcache/codeQL
- sudo rm -rf ${GITHUB_WORKSPACE}/.git
- sudo rm -rf $ANDROID_HOME/ndk
- - name: setup node
- uses: actions/setup-node@v3
- with:
- node-version: ${{ env.NODE_VERSION }}
- - name: setup pnpm
- uses: pnpm/action-setup@v2
- with:
- version: ${{ env.PNPM_VERSION }}
- # Install pnpm dependencies, cache them correctly
- # and run all Cypress tests
- - name: Cypress run
- uses: cypress-io/github-action@v6
- with:
- working-directory: frontend/appflowy_web_app
- component: true
- build: pnpm run build
- start: pnpm run start
- browser: chrome
\ No newline at end of file
diff --git a/CHANGELOG.md b/CHANGELOG.md
index acbf0b7999..a5e7e268a5 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,4 +1,413 @@
# Release Notes
+## Version 0.8.9 - 16/04/2025
+### Desktop
+#### New Features
+- Supported pasting a link as a mention, providing a more condensed visualization of linked content
+- Supported converting between link formats (e.g. transforming a mention into a bookmark)
+- Improved the link editing experience with enhanced UX
+- Added OTP (One-Time Password) support for sign-in authentication
+- Added latest AI models: GPT-4.1, GPT-4.1-mini, and Claude 3.7 Sonnet
+#### Bug Fixes
+- Fixed an issue where properties were not displaying in the row detail page
+- Fixed a bug where Undo didn't work in the row detail page
+- Fixed an issue where blocks didn't grow when the grid got bigger
+- Fixed several bugs related to AI writers
+### Mobile
+#### New Features
+- Added sign-in with OTP (One-Time Password)
+#### Bug Fixes
+- Fixed an issue where the slash menu sometimes failed to display
+- Updated the mention page block to handle page selection with more context.
+
+## Version 0.8.8 - 01/04/2025
+### New Features
+- Added support for selecting AI models in AI writer
+- Revamped link menu in toolbar
+- Added support for using ":" to add emojis in documents
+- Passed the history of past AI prompts and responses to AI writer
+### Bug Fixes
+- Improved AI writer scrolling user experience
+- Fixed issue where checklist items would disappear during reordering
+- Fixed numbered lists generated by AI to maintain the same index as the input
+
+## Version 0.8.7 - 18/03/2025
+### New Features
+- Made local AI free and integrated with Ollama
+- Supported nested lists within callout and quote blocks
+- Revamped the document's floating toolbar and added Turn Into
+- Enabled custom icons in callout blocks
+### Bug Fixes
+- Fixed occasional incorrect positioning of the slash menu
+- Improved AI Chat and AI Writers with various bug fixes
+- Adjusted the columns block to match the width of the editor
+- Fixed a potential segfault caused by infinite recursion in the trash view
+- Resolved an issue where the first added cover might be invisible
+- Fixed adding cover images via Unsplash
+
+## Version 0.8.6 - 06/03/2025
+### Bug Fixes
+- Fix the incorrect title positioning when adjusting the document width setting
+- Enhance the user experience of the icon color picker for smoother interactions
+- Add missing icons to the database to ensure completeness and consistency
+- Resolve the issue with links not functioning correctly on Linux systems
+- Improve the outline feature to work seamlessly within columns
+- Center the bulleted list icon within columns for better visual alignment
+- Enable dragging blocks under tables in the second column to enhance flexibility
+- Disable the AI writer feature within tables to prevent conflicts and improve usability
+- Automatically enable the header row when converting content from Markdown to ensure proper formatting
+- Use the "Undo" function to revert the auto-formatting
+
+## Version 0.8.5 - 04/03/2025
+### New Features
+- Columns in Documents: Arrange content side by side using drag-and-drop or the slash menu
+- AI Writers: New AI assistants in documents with response formatting options (list, table, text with images, image-only), follow-up questions, contextual memory, and more
+- Compact Mode for Databases: Enable compact mode for grid and kanban views (full-page and inline) to increase information density, displaying more data per screen
+### Bug Fixes
+- Fixed an issue where callout blocks couldn’t be deleted when appearing as the first line in a document
+- Fixed a bug preventing the relation field in databases from opening
+- Fixed an issue where links in documents were unclickable on Linux
+
+## Version 0.8.4 - 18/02/2025
+### New Features
+- Switch AI mode on mobile
+- Support locking page
+- Support uploading svg file as icon
+- Support the slash, at, and plus menus on mobile
+### Bug Fixes
+- Gallery not rendering in row page
+- Save image should not copy the image (mobile)
+- Support exporting more content to markdown
+
+## Version 0.8.2 - 23/01/2025
+### New Features
+- Customized database view icons
+- Support for uploading images as custom icons
+- Enabled selecting multiple AI messages to save into a document
+- Added the ability to scale the app's display size on mobile
+- Support for pasting image links without file extensions
+### Bug Fixes
+- Fixed an issue where pasting tables from other apps wasn't working
+- Fixed homepage URL issues in Settings
+- Fixed an issue where the 'Cancel' button was not visible on the Shortcuts page
+
+## Version 0.8.1 - 14/01/2025
+### New Features
+- AI Chat Layout Options: Customize how AI responses appear with new layouts—List, Table, Image with Text, and Media Only
+- DALL-E Integration: Generate stunning AI images from text prompts, now available in AI Chat
+- Improved Desktop Search: Find what you need faster using keywords or by asking questions in natural language
+- Self-Hosting: Configure web server URLs directly in Settings to enable features like Publish, Copy Link to Share, Custom URLs, and more
+- Sidebar Enhancement: Drag to reorder your favorited pages in the Sidebar
+- Mobile Table Resizing: Adjust column widths in Simple Tables by long pressing the column borders on mobile
+### Bug Fixes
+- Resolved an icon rendering issue in callout blocks, tab bars, and search results
+- Enhanced image reliability: Retry functionality ensures images load successfully if the first attempt fails
+
+## Version 0.8.0 - 06/01/2025
+### Bug Fixes
+- Fixed error displaying in the page style menu
+- Fixed filter logic in the icon picker
+- Fixed error displaying in the Favorite/Recent page
+- Fixed the color picker displaying when tapping down
+- Fixed icons not being supported in subpage blocks
+- Fixed recent icon functionality in the space icon menu
+- Fixed "Insert Below" not auto-scrolling the table
+- Fixed a to-do item with an emoji automatically creating a soft break
+- Fixed header row/column tap areas being too small
+- Fixed simple table alignment not working for items that wrap
+- Fixed web content reverting after removing the inline code format on desktop
+- Fixed inability to make changes to a row or column in the table when opening a new tab
+- Fixed changing the language to CKB-KU causing a gray screen on mobile
+
+## Version 0.7.9 - 30/12/2024
+### New Features
+- Meet AppFlowy Web (Lite): Use AppFlowy directly in your browser.
+ - Create beautiful documents with 22 content types and markdown support
+ - Use Quick Note to save anything you want to remember—like meeting notes, a grocery list, or to-dos
+ - Invite members to your workspace for seamless collaboration
+ - Create multiple public/private spaces to better organize your content
+- Simple Table is now available on Mobile, designed specifically for mobile devices.
+ - Create and manage Simple Table blocks on Mobile with easy-to-use action menus.
+ - Use the '+' button in the fixed toolbar to easily add a content block into a table cell on Mobile
+ - Use '/' to insert a content block into a table cell on Desktop
+- Add pages as AI sources in AI chat, enabling you to ask questions about the selected sources
+- Add messages to an editable document while chatting with AI side by side
+- The new Emoji menu now includes Icons with a Recent section for quickly reusing emojis/icons
+- Drag a page from the sidebar into a document to easily mention the page without typing its title
+- Paste as plain text, a new option in the right-click paste menu
+### Bug Fixes
+- Fixed misalignment in numbered lists
+- Resolved several bugs in the emoji menu
+- Fixed a bug with checklist items
+
+## Version 0.7.8 - 18/12/2024
+### New Features
+
+
+- Meet Simple Table 2.0:
+ - Insert a list into a table cell
+ - Insert images, quotes, callouts, and code blocks into a table cell
+ - Drag to move rows or columns
+ - Toggle header rows or columns on/off
+ - Distribute columns evenly
+ - Adjust to page width
+- Enjoy a new UI/UX for a seamless experience
+- Revamped mention page interactions in AI Chat
+- Improved AppFlowy AI service
+
+### Bug Fixes
+- Fixed an error when opening files in the database in local mode
+- Fixed arrow up/down navigation not working for selecting a language in Code Block
+- Fixed an issue where deleting multiple blocks using the drag button on the document page didn’t work
+
+## Version 0.7.7 - 09/12/2024
+### Bug Fixes
+- Fixed sidebar menu resize regression
+- Fixed AI chat loading issues
+- Fixed inability to open local files in database
+- Fixed mentions remaining in notifications after removal from document
+- Fixed event card closing when clicking on empty space
+- Fixed keyboard shortcut issues
+
+## Version 0.7.6 - 03/12/2024
+### New Features
+- Revamped the simple table UI
+- Added support for capturing images from camera on mobile
+### Bug Fixes
+- Improved markdown rendering capabilities in AI writer
+- Fixed an issue where pressing Enter on a collapsed toggle list would add an unnecessary new line
+- Fixed an issue where creating a document from slash menu could insert content at incorrect position
+
+## Version 0.7.5 - 25/11/2024
+### Bug Fixes
+- Improved chat response parsing
+- Fixed toggle list icon direction for RTL mode
+- Fixed cross blocks formatting not reflecting in float toolbar
+- Fixed unable to click inside the toggle list to create a new paragraph
+- Fixed open file error 50 on macOS
+- Fixed upload file exceed limit error
+
+## Version 0.7.4 - 19/11/2024
+### New Features
+- Support uploading WebP and BMP images
+- Support managing workspaces on mobile
+- Support adding toggle headings on mobile
+- Improve the AI chat page UI
+### Bug Fixes
+- Optimized the workspace menu loading performance
+- Optimized tab switching performance
+- Fixed searching issues in Document page
+
+## Version 0.7.3 - 07/11/2024
+### New Features
+- Enable custom URLs for published pages
+- Support toggling headings
+- Create a subpage by typing in the document
+- Turn selected blocks into a subpage
+- Add a manual date picker for the Date property
+
+### Bug Fixes
+- Fixed an issue where the workspace owner was unable to delete spaces created by others
+- Fixed cursor height inconsistencies with text height
+- Fixed editing issues in Kanban cards
+- Fixed an issue preventing images or files from being dropped into empty paragraphs
+
+## 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
+- Support for adding a cover to a row/card in databases
+- Added support for accessing settings on the sign-in page
+- Added "Move to" option to the document menu in top right corner
+- Support for adjusting the document width from settings
+- Show full name of a group on hover
+- Colored group names in kanban boards
+- Support "Ask AI" on multiple lines of text
+- Support for keyboard gestures to move cursor on Mobile
+- Added markdown support for quickly inserting a code block using three backticks
+
+### Bug Fixes
+- Fixed a critical bug where the backtick character would crash the application
+- Fixed an issue with signing-in from the settings dialog where the dialog would persist
+- Fixed a visual bug with icon alignment in primary cell of database rows
+- Fixed a bug with filters applied where new rows were inserted in wrong position
+- Fixed a bug where "Untitled" would override the name of the row
+- Fixed page title not updating after renaming from "More"-menu
+- Fixed File block breaking row detail document
+- Fixed issues with reordering rows with sorting rules applied
+- Improvements to the File & Media type in Database
+- Performance improvement in Grid view
+- Fixed filters sometimes not applying properly in databases
+
+## Version 0.6.9 - 09/09/2024
+### New Features
+- Added a new property type, 'Files & media'
+- Supported Apple Sign-in
+- Displayed the page icon next to the row name when the row page contains nested notes
+- Enabled Delete Account in Settings
+- Included a collapsible navigation menu in your published site
+
+### Bug Fixes
+- Fixed the space name color issue in the community themes
+- Fixed database filters and sorting issues
+- Fixed the issue of not being able to fully display the title on Kanban cards
+- Fixed the inability to see the entire text of a checklist item when it's more than one line long
+- Fixed hide/unhide buttons in the No Status group
+- 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.
+- Added the ability to invite members to a workspace on mobile.
+- Introduced Ask AI in the Home tab on mobile.
+- Import CSV files with up to 1,000 rows.
+- Convert properties from one type to another while preserving the data.
+- Optimized the speed of opening documents and databases.
+- Improved syncing performance across devices.
+- Added support for a monochrome app icon on Android.
+
+### Bug Fixes
+- Removed the Wayland header from the AppImage build.
+- Fixed the issue where pasting a web image on mobile failed.
+- Corrected the Local AI state when switching between different workspaces.
+- Fixed high CPU usage when opening large databases.
+
+## Version 0.6.7 - 13/08/2024
+### New Features
+- Redesigned the icon picker design on Desktop.
+- Redesigned the notification page on Mobile.
+
+### Bug Fixes
+- Enhance the toolbar tooltip functionality on Desktop.
+- Enhance the slash menu user experience on Desktop.
+- Fixed the issue where list style overrides occurred during text pasting.
+- Fixed the issue where linking multiple databases in the same document could cause random loss of focus.
+
+## Version 0.6.6 - 30/07/2024
+### New Features
+- Upgrade your workspace to a premium plan to unlock more features and storage.
+- Image galleries and drag-and-drop image support in documents.
+
+### Bug Fixes
+- Fix minor UI issues on Desktop and Mobile.
+
+## Version 0.6.5 - 24/07/2024
+### New Features
+- Publish a Database to the Web
+
+## Version 0.6.4 - 16/07/2024
+### New Features
+- Enhanced the message style on the AI chat page.
+- Added the ability to choose cursor color and selection color from a palette in settings page.
+### Bug Fixes
+- Optimized the performance for loading recent pages.
+- Fixed an issue where the cursor would jump randomly when typing in the document title on mobile.
+
+## Version 0.6.3 - 08/07/2024
+### New Features
+- Publish a Document to the Web
+
+## Version 0.6.2 - 01/07/2024
+### New Features
+- Added support for duplicating spaces.
+- Added support for moving pages across spaces.
+- Undo markdown formatting with `Ctrl + Z` or `Cmd + Z`.
+- Improved shortcuts settings UI.
+### Bug Fixes
+- Fixed unable to zoom in with `Ctrl` and `+` or `Cmd` and `+` on some keyboards.
+- Fixed unable to paste nested lists in existing lists.
+
+## Version 0.6.1 - 22/06/2024
+### New Features
+- Introduced the "Space" feature to help you organize your pages more efficiently.
+### Bug Fixes
+- Resolved shortcut conflicts on the board page.
+- Resolved an issue where underscores could cause the editor to freeze.
+
+## Version 0.6.0 - 19/06/2024
+### New Features
+- Introduced the "Space" feature to help you organize your pages more efficiently.
+### Bug Fixes
+- Resolved shortcut conflicts on the board page.
+- Resolved an issue where underscores could cause the editor to freeze.
+
+## Version 0.5.9 - 06/06/2024
+### New Features
+- Revamped the sidebar for both Desktop and Mobile.
+- Added support for embedding videos in documents.
+- Introduced a hotkey (Cmd/Ctrl + 0) to reset the app scale.
+- Supported searching the workspace by page title.
+### Bug Fixes
+- Fixed the issue preventing the use of Backspace to delete words in Kanban boards.
+
+## Version 0.5.8 - 05/20/2024
+### New Features
+- Improvement to the Callout block to insert new lines
+- New settings page "Manage data" replaced the "Files" page
+- New settings page "Workspace" replaced the "Appearance" and "Language" pages
+- A custom implementation of a title bar for Windows users
+- Added support for selecting Cards in kanban and performing grouped keyboard shortcuts
+- Added support for default system font family
+- Support for scaling the application up/down using a keyboard shortcut (CMD/CTRL + PLUS/MINUS)
+
+### Bug Fixes
+- Resolved and refined the UI on Mobile
+- Resolved issue with text editing in database
+- Improved appearance of empty text cells in kanban/calendar
+- Resolved an issue where a page's more actions (delete, duplicate) did not work properly
+- Resolved and inconsistency in padding on get started screen on Desktop
+
+## Version 0.5.7 - 05/10/2024
+### Bug Fixes
+- Resolved page opening issue on Android.
+- Fixed text input inconsistency on Kanban board cards.
+
+## Version 0.5.6 - 05/07/2024
+### New Features
+- Team collaboration is live! Add members to your workspace to edit and collaborate on pages together.
+- Collaborate in real time on the same page with other members. Edits made by others will appear instantly.
+- Create multiple workspaces for different kinds of content.
+- Customize your entire page on mobile through the Page Style menu with options for layout, font, font size, emoji, and cover image.
+- Open a row record as a full page.
+### Bug Fixes
+- Resolved issue with setting background color for the Simple Table block.
+- Adjusted toolbar for various screen sizes.
+- Added a request for photo permission before uploading images on mobile.
+- Exported creation and last modification timestamps to CSV.
+
## Version 0.5.5 - 04/24/2024
### New Features
- Improved the display of code blocks with line numbers
@@ -70,7 +479,7 @@
- Fixed a bug where newly created rows were not being automatically sorted.
- Fixed issues related to deleting a sorting field or sort not removing existing sorts properly.
### Notes
-- Windows 7, Windows 8, and iOS 11 are not yet supported due to the upgrade to Flutter 3.19.0.
+- Windows 7, Windows 8, and iOS 11 are not yet supported due to the upgrade to Flutter 3.22.0.
## Version 0.4.9 - 02/17/2024
### Bug Fixes
@@ -708,4 +1117,4 @@ Bug fixes and improvements
- Increased height of action
- CPU performance issue
- Fix potential data parser error
-- More foundation work for online collaboration
+- More foundation work for online collaboration
\ No newline at end of file
diff --git a/README.md b/README.md
index 580fa98a48..565908e756 100644
--- a/README.md
+++ b/README.md
@@ -1,12 +1,12 @@
- AppFlowy.IO
+ AppFlowy
⭐️ The Open Source Alternative To Notion ⭐️
-You are in charge of your data and customizations.
+AppFlowy is the AI workspace where you achieve more without losing control of your data
@@ -18,21 +18,37 @@ You are in charge of your data and customizations.
- Website •
+ Website •
+ Forum •
Discord •
+ Reddit •
Twitter
-
-
-
-
-
+
+
+
+
+
+
+
+
+ 
+
+ 
+
+ 
## User Installation
-- [Windows/Mac/Linux](https://docs.appflowy.io/docs/appflowy/install-appflowy/installation-methods/mac-windows-linux-packages)
-- [Docker](https://docs.appflowy.io/docs/appflowy/install-appflowy/installation-methods/installing-with-docker)
+- [Download AppFlowy Desktop (macOS, Windows, and Linux)](https://github.com/AppFlowy-IO/AppFlowy/releases)
+- Other
+ channels: [FlatHub](https://flathub.org/apps/io.appflowy.AppFlowy), [Snapcraft](https://snapcraft.io/appflowy), [Sourceforge](https://sourceforge.net/projects/appflowy/)
+- Available on
+ - [App Store](https://apps.apple.com/app/appflowy/id6457261352): iPhone
+ - [Play Store](https://play.google.com/store/apps/details?id=io.appflowy.appflowy): Android 10 or above; ARMv7 is
+ not supported
+- [Self-hosting AppFlowy](https://appflowy.com/docs/self-host-appflowy-overview)
- [Source](https://docs.appflowy.io/docs/documentation/appflowy/from-source)
## Built With
@@ -47,32 +63,41 @@ You are in charge of your data and customizations.
## Getting Started with development
-Please view the [documentation](https://docs.appflowy.io/docs/documentation/appflowy/from-source) for OS specific development instructions
+Please view the [documentation](https://docs.appflowy.io/docs/documentation/appflowy/from-source) for OS specific
+development instructions
## Roadmap
- [AppFlowy Roadmap ReadMe](https://docs.appflowy.io/docs/appflowy/roadmap)
- [AppFlowy Public Roadmap](https://github.com/orgs/AppFlowy-IO/projects/5/views/12)
-If you'd like to propose a feature, submit a feature request [here](https://github.com/AppFlowy-IO/AppFlowy/issues/new?assignees=&labels=&template=feature_request.yaml&title=%5BFR%5D+)
-If you'd like to report a bug, submit a bug report [here](https://github.com/AppFlowy-IO/AppFlowy/issues/new?assignees=&labels=&template=bug_report.yaml&title=%5BBug%5D+)
+If you'd like to propose a feature, submit a feature
+request [here](https://github.com/AppFlowy-IO/AppFlowy/issues/new?assignees=&labels=&template=feature_request.yaml&title=%5BFR%5D+)
+If you'd like to report a bug, submit a bug
+report [here](https://github.com/AppFlowy-IO/AppFlowy/issues/new?assignees=&labels=&template=bug_report.yaml&title=%5BBug%5D+)
## **Releases**
-Please see the [changelog](https://www.appflowy.io/whatsnew) for more details about a given release.
+Please see the [changelog](https://appflowy.com/what-is-new) for more details about a given release.
## Contributing
-Contributions make the open-source community a fantastic place to learn, inspire, and create. Any contributions you make are **greatly appreciated**. Please look at [Contributing to AppFlowy](https://docs.appflowy.io/docs/documentation/software-contributions/contributing-to-appflowy) for details.
+Contributions make the open-source community a fantastic place to learn, inspire, and create. Any contributions you make
+are **greatly appreciated**. Please look
+at [Contributing to AppFlowy](https://docs.appflowy.io/docs/documentation/software-contributions/contributing-to-appflowy)
+for details.
-If your Pull Request is accepted as it fixes a bug, adds functionality, or makes AppFlowy's codebase significantly easier to use or understand, **Congratulations!** If your administrative and managerial work behind the scenes sustains the community, **Congratulations!** You are now an official contributor to AppFlowy. Get in touch with us ([link](https://tally.so/r/mKP5z3)) to receive the very special Contributor T-shirt!
-Proudly wear your T-shirt and show it to us by tagging [@appflowy](https://twitter.com/appflowy) on Twitter.
+If your Pull Request is accepted as it fixes a bug, adds functionality, or makes AppFlowy's codebase significantly
+easier to use or understand, **Congratulations!** If your administrative and managerial work behind the scenes sustains
+the community, **Congratulations!** You are now an official contributor to AppFlowy.
## Translations 🌎🗺
[](https://inlang.com/editor/github.com/AppFlowy-IO/AppFlowy?ref=badge)
-To add translations, you can manually edit the JSON translation files in `/frontend/resources/translations`, use the [inlang online editor](https://inlang.com/editor/github.com/AppFlowy-IO/AppFlowy), or run `npx inlang machine translate` to add missing translations.
+To add translations, you can manually edit the JSON translation files in `/frontend/resources/translations`, use
+the [inlang online editor](https://inlang.com/editor/github.com/AppFlowy-IO/AppFlowy), or
+run `npx inlang machine translate` to add missing translations.
## Join the community to build AppFlowy together
@@ -82,16 +107,30 @@ To add translations, you can manually edit the JSON translation files in `/front
## Why Are We Building This?
-Notion has been our favourite project and knowledge management tool in recent years because of its aesthetic appeal and functionality. Our team uses it daily, and we are on its paid plan. However, as we all know, Notion has its limitations. These include weak data security and poor compatibility with mobile devices. Likewise, alternative collaborative workplace management tools also have their constraints.
+Notion has been our favourite project and knowledge management tool in recent years because of its aesthetic appeal and
+functionality. Our team uses it daily, and we are on its paid plan. However, as we all know, Notion has its limitations.
+These include weak data security and poor compatibility with mobile devices. Likewise, alternative collaborative
+workplace management tools also have their constraints.
-The limitations we encountered using these tools and our past work experience with collaborative productivity tools have led to our firm belief that there is a glass ceiling on what's possible for these tools in the future. This emanates from the fact that these tools will probably struggle to scale horizontally at some point and be forced to prioritize a proportion of customers whose needs differ from the rest. While decision-makers want a workplace OS, it is impossible to come up with a one-size fits all solution in such a fragmented market.
+The limitations we encountered using these tools and our past work experience with collaborative productivity tools have
+led to our firm belief that there is a glass ceiling on what's possible for these tools in the future. This emanates
+from the fact that these tools will probably struggle to scale horizontally at some point and be forced to prioritize a
+proportion of customers whose needs differ from the rest. While decision-makers want a workplace OS, it is impossible to
+come up with a one-size fits all solution in such a fragmented market.
-When a customer's evolving core needs are not satisfied, they either switch to another or build one from the ground up, in-house. Consequently, they either go under another ceiling or buy an expensive ticket to learn a hard lesson. This is a requirement for many resources and expertise, building a reliable and easy-to-use collaborative tool, not to mention the speed and native experience. The same may apply to individual users as well.
+When a customer's evolving core needs are not satisfied, they either switch to another or build one from the ground up,
+in-house. Consequently, they either go under another ceiling or buy an expensive ticket to learn a hard lesson. This is
+a requirement for many resources and expertise, building a reliable and easy-to-use collaborative tool, not to mention
+the speed and native experience. The same may apply to individual users as well.
-All these restrictions necessitate our mission - to make it possible for anyone to create apps that suit their needs well.
+All these restrictions necessitate our mission - to make it possible for anyone to create apps that suit their needs
+well.
- To individuals, we would like to offer Notion's functionality, data security, and cross-platform native experience.
-- To enterprises and hackers, AppFlowy is dedicated to offering building blocks and collaboration infra services to enable you to make apps on your own. Moreover, you have 100% control of your data. You can design and modify AppFlowy your way, with a single codebase written in Flutter and Rust supporting multiple platforms armed with long-term maintainability.
+- To enterprises and hackers, AppFlowy is dedicated to offering building blocks and collaboration infra services to
+ enable you to make apps on your own. Moreover, you have 100% control of your data. You can design and modify AppFlowy
+ your way, with a single codebase written in Flutter and Rust supporting multiple platforms armed with long-term
+ maintainability.
We decided to achieve this mission by upholding the three most fundamental values:
@@ -99,16 +138,20 @@ We decided to achieve this mission by upholding the three most fundamental value
- Reliable native experience
- Community-driven extensibility
-We do not claim to outperform Notion in terms of functionality and design, at least for now. Besides, our priority doesn't lie in more functionality at the moment. Instead, we would like to cultivate a community to democratize the knowledge and wheels of making complex workplace management tools while enabling people and businesses to create beautiful things on their own by equipping them with a versatile toolbox of building blocks.
+We do not claim to outperform Notion in terms of functionality and design, at least for now. Besides, our priority
+doesn't lie in more functionality at the moment. Instead, we would like to cultivate a community to democratize the
+knowledge and wheels of making complex workplace management tools while enabling people and businesses to create
+beautiful things on their own by equipping them with a versatile toolbox of building blocks.
## License
-Distributed under the AGPLv3 License. See [`LICENSE.md`](https://github.com/AppFlowy-IO/AppFlowy/blob/main/LICENSE) for more information.
+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:
+Special thanks to these amazing projects which help power AppFlowy:
-- [flutter-quill](https://github.com/singerdmx/flutter-quill)
- [cargo-make](https://github.com/sagiegurari/cargo-make)
- [contrib.rocks](https://contrib.rocks)
+- [flutter_chat_ui](https://pub.dev/packages/flutter_chat_ui)
diff --git a/codemagic.yaml b/codemagic.yaml
new file mode 100644
index 0000000000..9ba2a1a562
--- /dev/null
+++ b/codemagic.yaml
@@ -0,0 +1,47 @@
+workflows:
+ ios-workflow:
+ name: iOS Workflow
+ instance_type: mac_mini_m2
+ max_build_duration: 30
+ environment:
+ flutter: 3.27.4
+ xcode: latest
+ cocoapods: default
+
+ scripts:
+ - name: Build Flutter
+ script: |
+ curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh -s -- -y
+ source "$HOME/.cargo/env"
+ rustc --version
+ cargo --version
+
+ cd frontend
+
+ rustup target install aarch64-apple-ios-sim
+ cargo install --force cargo-make
+ cargo install --force --locked duckscript_cli
+ cargo install --force cargo-lipo
+
+ cargo make appflowy-flutter-deps-tools
+ cargo make --profile development-ios-arm64-sim appflowy-core-dev-ios
+ cargo make --profile development-ios-arm64-sim code_generation
+
+ - name: iOS integration tests
+ script: |
+ cd frontend/appflowy_flutter
+ flutter emulators --launch apple_ios_simulator
+ flutter -d iPhone test integration_test/runner.dart
+
+ artifacts:
+ - build/ios/ipa/*.ipa
+ - /tmp/xcodebuild_logs/*.log
+ - flutter_drive.log
+
+ publishing:
+ email:
+ recipients:
+ - lucas.xu@appflowy.io
+ notify:
+ success: true
+ failure: true
diff --git a/doc/readme/desktop_guide_1.jpg b/doc/readme/desktop_guide_1.jpg
new file mode 100644
index 0000000000..d264c81695
Binary files /dev/null and b/doc/readme/desktop_guide_1.jpg differ
diff --git a/doc/readme/desktop_guide_2.jpg b/doc/readme/desktop_guide_2.jpg
new file mode 100644
index 0000000000..d9cdbe5fc1
Binary files /dev/null and b/doc/readme/desktop_guide_2.jpg differ
diff --git a/doc/readme/getting_started_1.png b/doc/readme/getting_started_1.png
new file mode 100644
index 0000000000..8c3c7658ff
Binary files /dev/null and b/doc/readme/getting_started_1.png differ
diff --git a/doc/readme/mobile_guide_1.png b/doc/readme/mobile_guide_1.png
new file mode 100644
index 0000000000..744fdf29dc
Binary files /dev/null and b/doc/readme/mobile_guide_1.png differ
diff --git a/doc/readme/mobile_guide_2.png b/doc/readme/mobile_guide_2.png
new file mode 100644
index 0000000000..d92c0295c6
Binary files /dev/null and b/doc/readme/mobile_guide_2.png differ
diff --git a/doc/readme/mobile_guide_3.png b/doc/readme/mobile_guide_3.png
new file mode 100644
index 0000000000..9e3cc52d92
Binary files /dev/null and b/doc/readme/mobile_guide_3.png differ
diff --git a/doc/readme/mobile_guide_4.png b/doc/readme/mobile_guide_4.png
new file mode 100644
index 0000000000..b39e03c251
Binary files /dev/null and b/doc/readme/mobile_guide_4.png differ
diff --git a/doc/readme/mobile_guide_5.png b/doc/readme/mobile_guide_5.png
new file mode 100644
index 0000000000..9083b80bed
Binary files /dev/null and b/doc/readme/mobile_guide_5.png differ
diff --git a/frontend/.vscode/launch.json b/frontend/.vscode/launch.json
index 72d398e0fa..d4ff85a2dd 100644
--- a/frontend/.vscode/launch.json
+++ b/frontend/.vscode/launch.json
@@ -1,141 +1,125 @@
{
- // Use IntelliSense to learn about possible attributes.
- // Hover to view descriptions of existing attributes.
- // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
- "version": "0.2.0",
- "configurations": [
- {
- // This task only builds the Dart code of AppFlowy.
- // It supports both the desktop and mobile version.
- "name": "AF: Build Dart Only",
- "request": "launch",
- "program": "./lib/main.dart",
- "type": "dart",
- "env": {
- "RUST_LOG": "debug",
- "RUST_BACKTRACE": "1"
- },
- // uncomment the following line to testing performance.
- // "flutterMode": "profile",
- "cwd": "${workspaceRoot}/appflowy_flutter"
- },
- {
- // This task builds the Rust and Dart code of AppFlowy.
- "name": "AF-desktop: Build All",
- "request": "launch",
- "program": "./lib/main.dart",
- "type": "dart",
- "preLaunchTask": "AF: Build Appflowy Core",
- "env": {
- "RUST_LOG": "trace",
- "RUST_BACKTRACE": "1"
- },
- "cwd": "${workspaceRoot}/appflowy_flutter"
- },
- {
- // This task builds will:
- // - call the clean task,
- // - rebuild all the generated Files (including freeze and language files)
- // - rebuild the the Rust and Dart code of AppFlowy.
- "name": "AF-desktop: Clean + Rebuild All",
- "request": "launch",
- "program": "./lib/main.dart",
- "type": "dart",
- "preLaunchTask": "AF: Clean + Rebuild All",
- "env": {
- "RUST_LOG": "trace"
- },
- "cwd": "${workspaceRoot}/appflowy_flutter"
- },
- {
- "name": "AF-iOS: Build All",
- "request": "launch",
- "program": "./lib/main.dart",
- "type": "dart",
- "preLaunchTask": "AF: Build Appflowy Core For iOS",
- "env": {
- "RUST_LOG": "trace"
- },
- "cwd": "${workspaceRoot}/appflowy_flutter"
- },
- {
- "name": "AF-iOS: Clean + Rebuild All",
- "request": "launch",
- "program": "./lib/main.dart",
- "type": "dart",
- "preLaunchTask": "AF: Clean + Rebuild All (iOS)",
- "env": {
- "RUST_LOG": "trace"
- },
- "cwd": "${workspaceRoot}/appflowy_flutter"
- },
- {
- "name": "AF-iOS-Simulator: Build All",
- "request": "launch",
- "program": "./lib/main.dart",
- "type": "dart",
- "preLaunchTask": "AF: Build Appflowy Core For iOS Simulator",
- "env": {
- "RUST_LOG": "trace"
- },
- "cwd": "${workspaceRoot}/appflowy_flutter"
- },
- {
- "name": "AF-iOS-Simulator: Clean + Rebuild All",
- "request": "launch",
- "program": "./lib/main.dart",
- "type": "dart",
- "preLaunchTask": "AF: Clean + Rebuild All (iOS Simulator)",
- "env": {
- "RUST_LOG": "trace"
- },
- "cwd": "${workspaceRoot}/appflowy_flutter"
- },
- {
- "name": "AF-Android: Build All",
- "request": "launch",
- "program": "./lib/main.dart",
- "type": "dart",
- "preLaunchTask": "AF: Build Appflowy Core For Android",
- "env": {
- "RUST_LOG": "trace"
- },
- "cwd": "${workspaceRoot}/appflowy_flutter"
- },
- {
- "name": "AF-Android: Clean + Rebuild All",
- "request": "launch",
- "program": "./lib/main.dart",
- "type": "dart",
- "preLaunchTask": "AF: Clean + Rebuild All (Android)",
- "env": {
- "RUST_LOG": "trace"
- },
- "cwd": "${workspaceRoot}/appflowy_flutter"
- },
- {
- "name": "AF-desktop: Debug Rust",
- "type": "lldb",
- "request": "attach",
- "pid": "${command:pickMyProcess}"
- // To launch the application directly, use the following configuration:
- // "request": "launch",
- // "program": "[YOUR_APPLICATION_PATH]",
- },
- {
- // https://tauri.app/v1/guides/debugging/vs-code
- "type": "lldb",
- "request": "launch",
- "name": "AF-tauri: Debug backend",
- "cargo": {
- "args": [
- "build",
- "--manifest-path=./appflowy_tauri/src-tauri/Cargo.toml",
- "--no-default-features"
- ]
- },
- "preLaunchTask": "AF: Tauri UI Dev",
- "cwd": "${workspaceRoot}/appflowy_tauri/"
- },
- ]
-}
\ No newline at end of file
+ // Use IntelliSense to learn about possible attributes.
+ // Hover to view descriptions of existing attributes.
+ // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+ "version": "0.2.0",
+ "configurations": [
+ {
+ // This task only builds the Dart code of AppFlowy.
+ // It supports both the desktop and mobile version.
+ "name": "AF: Build Dart Only",
+ "request": "launch",
+ "program": "./lib/main.dart",
+ "type": "dart",
+ "env": {
+ "RUST_LOG": "debug",
+ },
+ // uncomment the following line to testing performance.
+ // "flutterMode": "profile",
+ "cwd": "${workspaceRoot}/appflowy_flutter"
+ },
+ {
+ // This task builds the Rust and Dart code of AppFlowy.
+ "name": "AF-desktop: Build All",
+ "request": "launch",
+ "program": "./lib/main.dart",
+ "type": "dart",
+ "preLaunchTask": "AF: Build Appflowy Core",
+ "env": {
+ "RUST_LOG": "trace",
+ "RUST_BACKTRACE": "1"
+ },
+ "cwd": "${workspaceRoot}/appflowy_flutter"
+ },
+ {
+ // This task builds will:
+ // - call the clean task,
+ // - rebuild all the generated Files (including freeze and language files)
+ // - rebuild the the Rust and Dart code of AppFlowy.
+ "name": "AF-desktop: Clean + Rebuild All",
+ "request": "launch",
+ "program": "./lib/main.dart",
+ "type": "dart",
+ "preLaunchTask": "AF: Clean + Rebuild All",
+ "env": {
+ "RUST_LOG": "trace"
+ },
+ "cwd": "${workspaceRoot}/appflowy_flutter"
+ },
+ {
+ "name": "AF-iOS: Build All",
+ "request": "launch",
+ "program": "./lib/main.dart",
+ "type": "dart",
+ "preLaunchTask": "AF: Build Appflowy Core For iOS",
+ "env": {
+ "RUST_LOG": "trace"
+ },
+ "cwd": "${workspaceRoot}/appflowy_flutter"
+ },
+ {
+ "name": "AF-iOS: Clean + Rebuild All",
+ "request": "launch",
+ "program": "./lib/main.dart",
+ "type": "dart",
+ "preLaunchTask": "AF: Clean + Rebuild All (iOS)",
+ "env": {
+ "RUST_LOG": "trace"
+ },
+ "cwd": "${workspaceRoot}/appflowy_flutter"
+ },
+ {
+ "name": "AF-iOS-Simulator: Build All",
+ "request": "launch",
+ "program": "./lib/main.dart",
+ "type": "dart",
+ "preLaunchTask": "AF: Build Appflowy Core For iOS Simulator",
+ "env": {
+ "RUST_LOG": "trace"
+ },
+ "cwd": "${workspaceRoot}/appflowy_flutter"
+ },
+ {
+ "name": "AF-iOS-Simulator: Clean + Rebuild All",
+ "request": "launch",
+ "program": "./lib/main.dart",
+ "type": "dart",
+ "preLaunchTask": "AF: Clean + Rebuild All (iOS Simulator)",
+ "env": {
+ "RUST_LOG": "trace"
+ },
+ "cwd": "${workspaceRoot}/appflowy_flutter"
+ },
+ {
+ "name": "AF-Android: Build All",
+ "request": "launch",
+ "program": "./lib/main.dart",
+ "type": "dart",
+ "preLaunchTask": "AF: Build Appflowy Core For Android",
+ "env": {
+ "RUST_LOG": "trace"
+ },
+ "cwd": "${workspaceRoot}/appflowy_flutter"
+ },
+ {
+ "name": "AF-Android: Clean + Rebuild All",
+ "request": "launch",
+ "program": "./lib/main.dart",
+ "type": "dart",
+ "preLaunchTask": "AF: Clean + Rebuild All (Android)",
+ "env": {
+ "RUST_LOG": "trace"
+ },
+ "cwd": "${workspaceRoot}/appflowy_flutter"
+ },
+ {
+ "name": "AF-desktop: Debug Rust",
+ "type": "lldb",
+ "request": "attach",
+ "pid": "${command:pickMyProcess}"
+ // To launch the application directly, use the following configuration:
+ // "request": "launch",
+ // "program": "[YOUR_APPLICATION_PATH]",
+ },
+ ]
+}
diff --git a/frontend/.vscode/tasks.json b/frontend/.vscode/tasks.json
index d940eef0a8..0be167fb12 100644
--- a/frontend/.vscode/tasks.json
+++ b/frontend/.vscode/tasks.json
@@ -245,51 +245,6 @@
"problemMatcher": [],
"detail": "appflowy_flutter"
},
- {
- "label": "AF: Tauri UI Build",
- "type": "shell",
- "command": "pnpm run build",
- "options": {
- "cwd": "${workspaceFolder}/appflowy_tauri"
- }
- },
- {
- "label": "AF: Tauri UI Dev",
- "type": "shell",
- "isBackground": true,
- "command": "pnpm sync:i18n && pnpm run dev",
- "options": {
- "cwd": "${workspaceFolder}/appflowy_tauri"
- }
- },
- {
- "label": "AF: Tauri Clean",
- "type": "shell",
- "command": "cargo make tauri_clean",
- "options": {
- "cwd": "${workspaceFolder}"
- }
- },
- {
- "label": "AF: Tauri Clean + Dev",
- "type": "shell",
- "dependsOrder": "sequence",
- "dependsOn": [
- "AF: Tauri Clean",
- "AF: Tauri UI Dev"
- ],
- "options": {
- "cwd": "${workspaceFolder}"
- }
- },
- {
- "label": "AF: Tauri ESLint",
- "type": "shell",
- "command": "npx eslint --fix src",
- "options": {
- "cwd": "${workspaceFolder}/appflowy_tauri"
- }
- },
{
"label": "AF: Generate Env File",
"type": "shell",
diff --git a/frontend/Makefile.toml b/frontend/Makefile.toml
index 5c6950e179..41fdffb1af 100644
--- a/frontend/Makefile.toml
+++ b/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.5.6"
+APPFLOWY_VERSION = "0.8.9"
FLUTTER_DESKTOP_FEATURES = "dart"
PRODUCT_NAME = "AppFlowy"
MACOSX_DEPLOYMENT_TARGET = "11.0"
@@ -50,7 +50,6 @@ APP_ENVIRONMENT = "local"
FLUTTER_FLOWY_SDK_PATH = "appflowy_flutter/packages/appflowy_backend"
TAURI_BACKEND_SERVICE_PATH = "appflowy_tauri/src/services/backend"
WEB_BACKEND_SERVICE_PATH = "appflowy_web/src/services/backend"
-WEB_LIB_PATH = "appflowy_web/wasm-libs/af-wasm"
TAURI_APP_BACKEND_SERVICE_PATH = "appflowy_web_app/src/application/services/tauri-services/backend"
# Test default config
TEST_CRATE_TYPE = "cdylib"
diff --git a/frontend/appflowy_flutter/analysis_options.yaml b/frontend/appflowy_flutter/analysis_options.yaml
index c8066c92a5..4579b2d8c5 100644
--- a/frontend/appflowy_flutter/analysis_options.yaml
+++ b/frontend/appflowy_flutter/analysis_options.yaml
@@ -1,32 +1,12 @@
-# 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:
exclude:
- "**/*.g.dart"
- "**/*.freezed.dart"
+ - "packages/**/*.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 +31,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
diff --git a/frontend/appflowy_flutter/android/app/build.gradle b/frontend/appflowy_flutter/android/app/build.gradle
index d14c7016c1..0b96e32472 100644
--- a/frontend/appflowy_flutter/android/app/build.gradle
+++ b/frontend/appflowy_flutter/android/app/build.gradle
@@ -52,8 +52,8 @@ android {
defaultConfig {
// TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
applicationId "io.appflowy.appflowy"
- minSdkVersion 23
- targetSdkVersion 33
+ minSdkVersion 29
+ targetSdkVersion 35
versionCode flutterVersionCode.toInteger()
versionName flutterVersionName
multiDexEnabled true
@@ -87,6 +87,13 @@ android {
path "src/main/CMakeLists.txt"
}
}
+
+ // only support arm64-v8a
+ defaultConfig {
+ ndk {
+ abiFilters "arm64-v8a"
+ }
+ }
}
flutter {
diff --git a/frontend/appflowy_flutter/android/app/src/main/AndroidManifest.xml b/frontend/appflowy_flutter/android/app/src/main/AndroidManifest.xml
index 351994354d..f746eeb610 100644
--- a/frontend/appflowy_flutter/android/app/src/main/AndroidManifest.xml
+++ b/frontend/appflowy_flutter/android/app/src/main/AndroidManifest.xml
@@ -36,7 +36,6 @@
-
+
-
+
@@ -58,4 +60,12 @@
+
+
+
+
\ No newline at end of file
diff --git a/frontend/appflowy_flutter/android/app/src/main/ic_launcher-playstore.png b/frontend/appflowy_flutter/android/app/src/main/ic_launcher-playstore.png
new file mode 100644
index 0000000000..c691e14bdc
Binary files /dev/null and b/frontend/appflowy_flutter/android/app/src/main/ic_launcher-playstore.png differ
diff --git a/frontend/appflowy_flutter/android/app/src/main/res/drawable/launch_background.xml b/frontend/appflowy_flutter/android/app/src/main/res/drawable/launcher_background.xml
similarity index 100%
rename from frontend/appflowy_flutter/android/app/src/main/res/drawable/launch_background.xml
rename to frontend/appflowy_flutter/android/app/src/main/res/drawable/launcher_background.xml
diff --git a/frontend/appflowy_flutter/android/app/src/main/res/drawable/launcher_foreground.xml b/frontend/appflowy_flutter/android/app/src/main/res/drawable/launcher_foreground.xml
new file mode 100644
index 0000000000..c7ec6fdd6f
--- /dev/null
+++ b/frontend/appflowy_flutter/android/app/src/main/res/drawable/launcher_foreground.xml
@@ -0,0 +1,12 @@
+
+
+
+ 
''';
+ testWidgets('paste text on part of bullet list', (tester) async {
+ const plainText = 'test';
+
+ await tester.pasteContent(
+ plainText: plainText,
+ beforeTest: (editorState) async {
+ final transaction = editorState.transaction;
+ transaction.insertNodes(
+ [0],
+ [
+ Node(
+ type: BulletedListBlockKeys.type,
+ attributes: {
+ 'delta': [
+ {"insert": "bullet list"},
+ ],
+ },
+ ),
+ ],
+ );
+
+ // Set the selection to the second numbered list node (which has empty delta)
+ transaction.afterSelection = Selection(
+ start: Position(path: [0], offset: 7),
+ end: Position(path: [0], offset: 11),
+ );
+
+ await editorState.apply(transaction);
+ await tester.pumpAndSettle();
+ },
+ (editorState) {
+ final node = editorState.getNodeAtPath([0]);
+ expect(node?.delta?.toPlainText(), 'bullet test');
+ expect(node?.type, BulletedListBlockKeys.type);
+ },
+ );
+ });
+
+ testWidgets('paste image(png) from memory', (tester) async {
final image = await rootBundle.load('assets/test/images/sample.png');
final bytes = image.buffer.asUint8List();
- await tester.pasteContent(
- html: html,
- image: ('png', bytes),
- (editorState) {
- expect(editorState.document.root.children.length, 2);
- final node = editorState.getNodeAtPath([0])!;
- expect(node.type, ImageBlockKeys.type);
- expect(
- node.attributes[ImageBlockKeys.url],
- 'https://user-images.githubusercontent.com/9403740/262918875-603f4adb-58dd-49b5-8201-341d354935fd.png',
- );
- },
- );
- },
- );
+ await tester.pasteContent(image: ('png', 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('paste the html content contains section', (tester) async {
- const html =
- '''''';
- await tester.pasteContent(
- html: html,
- (editorState) {
+ testWidgets('paste image(jpeg) from memory', (tester) async {
+ final image = await rootBundle.load('assets/test/images/sample.jpeg');
+ final bytes = image.buffer.asUint8List();
+ await tester.pasteContent(image: ('jpeg', 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('paste image(gif) from memory', (tester) async {
+ 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(
+ 'format the selected text to href when pasting url if available',
+ (tester) async {
+ const text = 'appflowy';
+ const url = 'https://appflowy.io';
+ await tester.pasteContent(
+ plainText: url,
+ beforeTest: (editorState) async {
+ await tester.ime.insertText(text);
+ await tester.editor.updateSelection(
+ Selection.single(
+ path: [0],
+ startOffset: 0,
+ endOffset: text.length,
+ ),
+ );
+ },
+ (editorState) {
+ final node = editorState.getNodeAtPath([0])!;
+ expect(node.type, ParagraphBlockKeys.type);
+ expect(node.delta!.toJson(), [
+ {
+ 'insert': text,
+ 'attributes': {'href': url},
+ }
+ ]);
+ },
+ );
+ },
+ );
+
+ // https://github.com/AppFlowy-IO/AppFlowy/issues/3263
+ testWidgets(
+ 'paste the image from clipboard when html and image are both available',
+ (tester) async {
+ const html =
+ '''''';
+ final image = await rootBundle.load('assets/test/images/sample.png');
+ final bytes = image.buffer.asUint8List();
+ await tester.pasteContent(
+ html: html,
+ image: ('png', bytes),
+ (editorState) {
+ expect(editorState.document.root.children.length, 1);
+ final node = editorState.getNodeAtPath([0])!;
+ expect(node.type, ImageBlockKeys.type);
+ },
+ );
+ },
+ );
+
+ testWidgets('paste the html content contains section', (tester) async {
+ const html =
+ '''''';
+ await tester.pasteContent(html: html, (editorState) {
expect(editorState.document.root.children.length, 2);
final node1 = editorState.getNodeAtPath([0])!;
final node2 = editorState.getNodeAtPath([1])!;
expect(node1.type, ParagraphBlockKeys.type);
expect(node2.type, ParagraphBlockKeys.type);
- },
- );
- });
+ });
+ });
- testWidgets('paste the html from google translation', (tester) async {
- const html =
- '''Assessment focus: potential motivations, empathy➢Personality characteristics and potential motivations:-Reflection of self-worth-Have a unique definition of success-Be true to your own lifestyle''';
- await tester.pasteContent(
- html: html,
- (editorState) {
+ testWidgets('paste the html from google translation', (tester) async {
+ const html =
+ '''Assessment focus: potential motivations, empathy➢Personality characteristics and potential motivations:-Reflection of self-worth-Have a unique definition of success-Be true to your own lifestyle''';
+ await tester.pasteContent(html: html, (editorState) {
expect(editorState.document.root.children.length, 8);
- },
- );
- });
+ });
+ });
- testWidgets(
- 'auto convert url to link preview block',
- (widgetTester) async {
- const url = 'https://appflowy.io';
- await widgetTester.pasteContent(
- plainText: url,
- (editorState) {
- expect(editorState.document.root.children.length, 2);
+ testWidgets(
+ 'auto convert url to link preview block',
+ (tester) async {
+ const url = 'https://appflowy.io';
+ await tester.pasteContent(plainText: url, (editorState) async {
+ final pasteAsMenu = find.byType(PasteAsMenu);
+ expect(pasteAsMenu, findsOneWidget);
+ final bookmarkButton = find.text(
+ LocaleKeys.document_plugins_linkPreview_typeSelection_bookmark.tr(),
+ );
+ await tester.tapButton(bookmarkButton);
+ // the second one is the paragraph node
+ expect(editorState.document.root.children.length, 1);
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 {
+ /// show menu
+ final menu = find.byType(CustomLinkPreviewMenu);
+ expect(menu, findsOneWidget);
+ await tester.tapButton(menu);
+
+ final convertToLinkButton = find.text(
+ LocaleKeys.document_plugins_linkPreview_linkPreviewMenu_toUrl
+ .tr(),
+ );
+ expect(convertToLinkButton, findsOneWidget);
+ await tester.tapButton(convertToLinkButton);
+ },
+ );
+
+ 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 {
+ final pasteAsMenu = find.byType(PasteAsMenu);
+ expect(pasteAsMenu, findsOneWidget);
+ final bookmarkButton = find.text(
+ LocaleKeys.document_plugins_linkPreview_typeSelection_bookmark.tr(),
+ );
+ await tester.tapButton(bookmarkButton);
+ // the second one is the paragraph node
+ expect(editorState.document.root.children.length, 1);
+ final node = editorState.getNodeAtPath([0])!;
+ expect(node.type, LinkPreviewBlockKeys.type);
+ expect(node.attributes[LinkPreviewBlockKeys.url], url);
+ });
+
+ 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 = 'http://example.com/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);
+ });
+ });
+
+ const testMarkdownText = '''
+# I'm h1
+## I'm h2
+### I'm h3
+#### I'm h4
+##### I'm h5
+###### I'm h6''';
+
+ testWidgets('paste markdowns', (tester) async {
+ await tester.pasteContent(
+ plainText: testMarkdownText,
+ (editorState) {
+ final children = editorState.document.root.children;
+ expect(children.length, 6);
+ for (int i = 1; i <= children.length; i++) {
+ final text = children[i - 1].delta!.toPlainText();
+ expect(text, 'I\'m h$i');
+ }
},
);
- },
- );
+ });
+
+ testWidgets('paste markdowns as plain', (tester) async {
+ await tester.pasteContent(
+ plainText: testMarkdownText,
+ pasteAsPlain: true,
+ (editorState) {
+ final children = editorState.document.root.children;
+ expect(children.length, 6);
+ for (int i = 1; i <= children.length; i++) {
+ final text = children[i - 1].delta!.toPlainText();
+ final expectText = '${'#' * i} I\'m h$i';
+ expect(text, expectText);
+ }
+ },
+ );
+ });
+ });
}
extension on WidgetTester {
Future pasteContent(
- void Function(EditorState editorState) test, {
+ FutureOr Function(EditorState editorState) test, {
Future Function(EditorState editorState)? beforeTest,
String? plainText,
String? html,
+ String? inAppJson,
+ bool pasteAsPlain = false,
(String, Uint8List?)? image,
}) async {
await initializeAppFlowy();
@@ -263,6 +538,8 @@ extension on WidgetTester {
// create a new document
await createNewPageWithNameUnderParent();
+ // tap the editor
+ await tapButton(find.byType(AppFlowyEditor));
await beforeTest?.call(editor.getCurrentEditorState());
@@ -271,6 +548,7 @@ extension on WidgetTester {
ClipboardServiceData(
plainText: plainText,
html: html,
+ inAppJson: inAppJson,
image: image,
),
);
@@ -279,10 +557,11 @@ extension on WidgetTester {
await simulateKeyEvent(
LogicalKeyboardKey.keyV,
isControlPressed: Platform.isLinux || Platform.isWindows,
+ isShiftPressed: pasteAsPlain,
isMetaPressed: Platform.isMacOS,
);
- await pumpAndSettle();
+ await pumpAndSettle(const Duration(milliseconds: 1000));
- test(editor.getCurrentEditorState());
+ await test(editor.getCurrentEditorState());
}
}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_create_and_delete_test.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_create_and_delete_test.dart
index cf45afc828..c2e00a4b48 100644
--- a/frontend/appflowy_flutter/integration_test/desktop/document/document_create_and_delete_test.dart
+++ b/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';
@@ -15,14 +13,15 @@ void main() {
await tester.initializeAppFlowy();
await tester.tapAnonymousSignInButton();
+ final finder = find.text(gettingStarted, findRichText: true);
+ await tester.pumpUntilFound(finder, timeout: const Duration(seconds: 2));
// 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);
});
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_customer_test.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_customer_test.dart
new file mode 100644
index 0000000000..5cbb133f9d
--- /dev/null
+++ b/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));
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_deletion_test.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_deletion_test.dart
new file mode 100644
index 0000000000..f38138ce8a
--- /dev/null
+++ b/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);
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_find_menu_test.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_find_menu_test.dart
new file mode 100644
index 0000000000..6212e7d9cf
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/desktop/document/document_find_menu_test.dart
@@ -0,0 +1,160 @@
+import 'dart:math';
+
+import 'package:appflowy/generated/flowy_svgs.g.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/copy_and_paste/clipboard_service.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/plugins.dart';
+import 'package:appflowy/startup/startup.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/util.dart';
+
+void main() {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+ String generateRandomString(int len) {
+ final r = Random();
+ return String.fromCharCodes(
+ List.generate(len, (index) => r.nextInt(33) + 89),
+ );
+ }
+
+ testWidgets(
+ 'document find menu test',
+ (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ // create a new document
+ await tester.createNewPageWithNameUnderParent();
+
+ // tap editor to get focus
+ await tester.tapButton(find.byType(AppFlowyEditor));
+
+ // set clipboard data
+ final data = [
+ "123456\n\n",
+ ...List.generate(100, (_) => "${generateRandomString(50)}\n\n"),
+ "1234567\n\n",
+ ...List.generate(100, (_) => "${generateRandomString(50)}\n\n"),
+ "12345678\n\n",
+ ...List.generate(100, (_) => "${generateRandomString(50)}\n\n"),
+ ].join();
+ await getIt().setData(
+ ClipboardServiceData(
+ plainText: data,
+ ),
+ );
+
+ // paste
+ await tester.simulateKeyEvent(
+ LogicalKeyboardKey.keyV,
+ isControlPressed:
+ UniversalPlatform.isLinux || UniversalPlatform.isWindows,
+ isMetaPressed: UniversalPlatform.isMacOS,
+ );
+ await tester.pumpAndSettle();
+
+ // go back to beginning of document
+ // FIXME: Cannot run Ctrl+F unless selection is on screen
+ await tester.editor
+ .updateSelection(Selection.collapsed(Position(path: [0])));
+ await tester.pumpAndSettle();
+
+ expect(find.byType(FindAndReplaceMenuWidget), findsNothing);
+
+ // press cmd/ctrl+F to display the find menu
+ await tester.simulateKeyEvent(
+ LogicalKeyboardKey.keyF,
+ isControlPressed:
+ UniversalPlatform.isLinux || UniversalPlatform.isWindows,
+ isMetaPressed: UniversalPlatform.isMacOS,
+ );
+ await tester.pumpAndSettle();
+
+ expect(find.byType(FindAndReplaceMenuWidget), findsOneWidget);
+
+ final textField = find.descendant(
+ of: find.byType(FindAndReplaceMenuWidget),
+ matching: find.byType(TextField),
+ );
+
+ await tester.enterText(
+ textField,
+ "123456",
+ );
+ await tester.pumpAndSettle();
+ await tester.pumpAndSettle();
+
+ expect(
+ find.descendant(
+ of: find.byType(AppFlowyEditor),
+ matching: find.text("123456", findRichText: true),
+ ),
+ findsOneWidget,
+ );
+
+ await tester.testTextInput.receiveAction(TextInputAction.done);
+ await tester.pumpAndSettle();
+ await tester.pumpAndSettle();
+
+ expect(
+ find.descendant(
+ of: find.byType(AppFlowyEditor),
+ matching: find.text("1234567", findRichText: true),
+ ),
+ findsOneWidget,
+ );
+
+ await tester.showKeyboard(textField);
+ await tester.idle();
+ await tester.testTextInput.receiveAction(TextInputAction.done);
+ await tester.pumpAndSettle();
+ await tester.pumpAndSettle();
+
+ expect(
+ find.descendant(
+ of: find.byType(AppFlowyEditor),
+ matching: find.text("12345678", findRichText: true),
+ ),
+ findsOneWidget,
+ );
+
+ // tap next button, go back to beginning of document
+ await tester.tapButton(
+ find.descendant(
+ of: find.byType(FindMenu),
+ matching: find.byFlowySvg(FlowySvgs.arrow_down_s),
+ ),
+ );
+
+ expect(
+ find.descendant(
+ of: find.byType(AppFlowyEditor),
+ matching: find.text("123456", findRichText: true),
+ ),
+ findsOneWidget,
+ );
+
+ /// press cmd/ctrl+F to display the find menu
+ await tester.simulateKeyEvent(
+ LogicalKeyboardKey.keyF,
+ isControlPressed:
+ UniversalPlatform.isLinux || UniversalPlatform.isWindows,
+ isMetaPressed: UniversalPlatform.isMacOS,
+ );
+ await tester.pumpAndSettle();
+
+ expect(find.byType(FindAndReplaceMenuWidget), findsOneWidget);
+
+ /// press esc to dismiss the find menu
+ await tester.simulateKeyEvent(LogicalKeyboardKey.escape);
+ await tester.pumpAndSettle();
+ expect(find.byType(FindAndReplaceMenuWidget), findsNothing);
+ },
+ );
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_inline_page_reference_test.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_inline_page_reference_test.dart
index 0bbd64c82b..f169910840 100644
--- a/frontend/appflowy_flutter/integration_test/desktop/document/document_inline_page_reference_test.dart
+++ b/frontend/appflowy_flutter/integration_test/desktop/document/document_inline_page_reference_test.dart
@@ -111,6 +111,7 @@ Future triggerReferenceDocumentBySlashMenu(WidgetTester tester) async {
LogicalKeyboardKey.enter,
],
tester: tester,
+ withKeyUp: true,
);
await tester.pumpAndSettle();
@@ -129,6 +130,7 @@ Future enterDocumentText(WidgetTester tester) async {
LogicalKeyboardKey.keyT,
],
tester: tester,
+ withKeyUp: true,
);
await tester.pumpAndSettle();
}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_inline_sub_page_test.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_inline_sub_page_test.dart
new file mode 100644
index 0000000000..30e115774a
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/desktop/document/document_inline_sub_page_test.dart
@@ -0,0 +1,382 @@
+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/plugins/inline_actions/inline_actions_menu.dart';
+import 'package:appflowy/workspace/presentation/home/menu/view/view_action_type.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/services.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);
+ });
+
+ testWidgets('Cancel inline page reference menu by space', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+ await tester.createOpenRenameDocumentUnderParent(name: _firstDocName);
+
+ await tester.editor.tapLineOfEditorAt(0);
+ await tester.editor.showPlusMenu();
+
+ // Cancel by space
+ await tester.simulateKeyEvent(
+ LogicalKeyboardKey.space,
+ );
+ await tester.pumpAndSettle();
+
+ expect(find.byType(InlineActionsMenu), findsNothing);
+ });
+ });
+}
+
+extension _InlineSubPageTestHelper on WidgetTester {
+ Future 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));
+ }
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_link_preview_test.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_link_preview_test.dart
new file mode 100644
index 0000000000..39f8bfd4f6
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/desktop/document/document_link_preview_test.dart
@@ -0,0 +1,453 @@
+import 'dart:io';
+
+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/document/presentation/editor_plugins/desktop_toolbar/link/link_hover_menu.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/link_embed/link_embed_block_component.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/link_embed/link_embed_menu.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/link_preview/custom_link_preview_block_component.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/link_preview/link_preview_menu.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/link_preview/paste_as/paste_as_menu.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/mention/mention_block.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/mention/mention_link_block.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/mention/mention_link_error_preview.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/mention/mention_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: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/util.dart';
+
+void main() {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+ const avaliableLink = 'https://appflowy.io/',
+ unavailableLink = 'www.thereIsNoting.com';
+
+ Future preparePage(WidgetTester tester, {String? pageName}) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+ await tester.createNewPageWithNameUnderParent(name: pageName);
+ await tester.editor.tapLineOfEditorAt(0);
+ }
+
+ Future pasteLink(WidgetTester tester, String link) async {
+ await getIt()
+ .setData(ClipboardServiceData(plainText: link));
+
+ /// paste the link
+ await tester.simulateKeyEvent(
+ LogicalKeyboardKey.keyV,
+ isControlPressed: Platform.isLinux || Platform.isWindows,
+ isMetaPressed: Platform.isMacOS,
+ );
+ await tester.pumpAndSettle(Duration(seconds: 1));
+ }
+
+ Future pasteAs(
+ WidgetTester tester,
+ String link,
+ PasteMenuType type, {
+ Duration waitTime = const Duration(milliseconds: 500),
+ }) async {
+ await pasteLink(tester, link);
+ final convertToMentionButton = find.text(type.title);
+ await tester.tapButton(convertToMentionButton);
+ await tester.pumpAndSettle(waitTime);
+ }
+
+ void checkUrl(Node node, String link) {
+ expect(node.type, ParagraphBlockKeys.type);
+ expect(node.delta!.toJson(), [
+ {
+ 'insert': link,
+ 'attributes': {'href': link},
+ }
+ ]);
+ }
+
+ void checkMention(Node node, String link) {
+ 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;
+ expect(mention[MentionBlockKeys.type], MentionType.externalLink.name);
+ expect(mention[MentionBlockKeys.url], avaliableLink);
+ }
+
+ void checkBookmark(Node node, String link) {
+ expect(node.type, LinkPreviewBlockKeys.type);
+ expect(node.attributes[LinkPreviewBlockKeys.url], link);
+ }
+
+ void checkEmbed(Node node, String link) {
+ expect(node.type, LinkPreviewBlockKeys.type);
+ expect(node.attributes[LinkEmbedKeys.previewType], LinkEmbedKeys.embed);
+ expect(node.attributes[LinkPreviewBlockKeys.url], link);
+ }
+
+ group('Paste as URL', () {
+ Future pasteAndTurnInto(
+ WidgetTester tester,
+ String link,
+ String title,
+ ) async {
+ await pasteLink(tester, link);
+ final convertToLinkButton = find
+ .text(LocaleKeys.document_plugins_linkPreview_typeSelection_URL.tr());
+ await tester.tapButton(convertToLinkButton);
+
+ /// hover link and turn into mention
+ await tester.hoverOnWidget(
+ find.byType(LinkHoverTrigger),
+ onHover: () async {
+ final turnintoButton = find.byFlowySvg(FlowySvgs.turninto_m);
+ await tester.tapButton(turnintoButton);
+ final convertToButton = find.text(title);
+ await tester.tapButton(convertToButton);
+ await tester.pumpAndSettle(Duration(seconds: 1));
+ },
+ );
+ }
+
+ testWidgets('paste a link', (tester) async {
+ final link = avaliableLink;
+ await preparePage(tester);
+ await pasteLink(tester, link);
+ final convertToLinkButton = find
+ .text(LocaleKeys.document_plugins_linkPreview_typeSelection_URL.tr());
+ await tester.tapButton(convertToLinkButton);
+ final node = tester.editor.getNodeAtPath([0]);
+ checkUrl(node, link);
+ });
+
+ testWidgets('paste a link and turn into mention', (tester) async {
+ final link = avaliableLink;
+ await preparePage(tester);
+ await pasteAndTurnInto(
+ tester,
+ link,
+ LinkConvertMenuCommand.toMention.title,
+ );
+
+ /// check metion values
+ final node = tester.editor.getNodeAtPath([0]);
+ checkMention(node, link);
+ });
+
+ testWidgets('paste a link and turn into bookmark', (tester) async {
+ final link = avaliableLink;
+ await preparePage(tester);
+ await pasteAndTurnInto(
+ tester,
+ link,
+ LinkConvertMenuCommand.toBookmark.title,
+ );
+
+ /// check metion values
+ final node = tester.editor.getNodeAtPath([0]);
+ checkBookmark(node, link);
+ });
+
+ testWidgets('paste a link and turn into embed', (tester) async {
+ final link = avaliableLink;
+ await preparePage(tester);
+ await pasteAndTurnInto(
+ tester,
+ link,
+ LinkConvertMenuCommand.toEmbed.title,
+ );
+
+ /// check metion values
+ final node = tester.editor.getNodeAtPath([0]);
+ checkEmbed(node, link);
+ });
+ });
+
+ group('Paste as Mention', () {
+ Future pasteAsMention(WidgetTester tester, String link) =>
+ pasteAs(tester, link, PasteMenuType.mention);
+
+ String getMentionLink(Node node) {
+ final insert = node.delta?.first as TextInsert?;
+ final mention = insert?.attributes?[MentionBlockKeys.mention]
+ as Map?;
+ return mention?[MentionBlockKeys.url] ?? '';
+ }
+
+ Future hoverMentionAndClick(
+ WidgetTester tester,
+ String command,
+ ) async {
+ final mentionLink = find.byType(MentionLinkBlock);
+ expect(mentionLink, findsOneWidget);
+ await tester.hoverOnWidget(
+ mentionLink,
+ onHover: () async {
+ final errorPreview = find.byType(MentionLinkErrorPreview);
+ expect(errorPreview, findsOneWidget);
+ final convertButton = find.byFlowySvg(FlowySvgs.turninto_m);
+ await tester.tapButton(convertButton);
+ final menuButton = find.text(command);
+ await tester.tapButton(menuButton);
+ },
+ );
+ }
+
+ testWidgets('paste a link as mention', (tester) async {
+ final link = avaliableLink;
+ await preparePage(tester);
+ await pasteAsMention(tester, link);
+ final node = tester.editor.getNodeAtPath([0]);
+ checkMention(node, link);
+ });
+
+ testWidgets('paste as mention and copy link', (tester) async {
+ final link = avaliableLink;
+ await preparePage(tester);
+ await pasteAsMention(tester, link);
+ final mentionLink = find.byType(MentionLinkBlock);
+ expect(mentionLink, findsOneWidget);
+ await tester.hoverOnWidget(
+ mentionLink,
+ onHover: () async {
+ final preview = find.byType(MentionLinkPreview);
+ if (!preview.hasFound) {
+ final copyButton = find.byFlowySvg(FlowySvgs.toolbar_link_m);
+ await tester.tapButton(copyButton);
+ } else {
+ final moreOptionButton = find.byFlowySvg(FlowySvgs.toolbar_more_m);
+ await tester.tapButton(moreOptionButton);
+ final copyButton =
+ find.text(MentionLinktMenuCommand.copyLink.title);
+ await tester.tapButton(copyButton);
+ }
+ },
+ );
+ final clipboardContent = await getIt().getData();
+ expect(clipboardContent.plainText, link);
+ });
+
+ testWidgets('paste as error mention and turninto url', (tester) async {
+ String link = unavailableLink;
+ await preparePage(tester);
+ await pasteAsMention(tester, link);
+ Node node = tester.editor.getNodeAtPath([0]);
+ link = getMentionLink(node);
+ await hoverMentionAndClick(
+ tester,
+ MentionLinktErrorMenuCommand.toURL.title,
+ );
+ node = tester.editor.getNodeAtPath([0]);
+ checkUrl(node, link);
+ });
+
+ testWidgets('paste as error mention and turninto embed', (tester) async {
+ String link = unavailableLink;
+ await preparePage(tester);
+ await pasteAsMention(tester, link);
+ Node node = tester.editor.getNodeAtPath([0]);
+ link = getMentionLink(node);
+ await hoverMentionAndClick(
+ tester,
+ MentionLinktErrorMenuCommand.toEmbed.title,
+ );
+ node = tester.editor.getNodeAtPath([0]);
+ checkEmbed(node, link);
+ });
+
+ testWidgets('paste as error mention and turninto bookmark', (tester) async {
+ String link = unavailableLink;
+ await preparePage(tester);
+ await pasteAsMention(tester, link);
+ Node node = tester.editor.getNodeAtPath([0]);
+ link = getMentionLink(node);
+ await hoverMentionAndClick(
+ tester,
+ MentionLinktErrorMenuCommand.toBookmark.title,
+ );
+ node = tester.editor.getNodeAtPath([0]);
+ checkBookmark(node, link);
+ });
+
+ testWidgets('paste as error mention and remove link', (tester) async {
+ String link = unavailableLink;
+ await preparePage(tester);
+ await pasteAsMention(tester, link);
+ Node node = tester.editor.getNodeAtPath([0]);
+ link = getMentionLink(node);
+ await hoverMentionAndClick(
+ tester,
+ MentionLinktErrorMenuCommand.removeLink.title,
+ );
+ node = tester.editor.getNodeAtPath([0]);
+ expect(node.type, ParagraphBlockKeys.type);
+ expect(node.delta!.toJson(), [
+ {'insert': link},
+ ]);
+ });
+ });
+
+ group('Paste as Bookmark', () {
+ Future pasteAsBookmark(WidgetTester tester, String link) =>
+ pasteAs(tester, link, PasteMenuType.bookmark);
+
+ Future hoverAndClick(
+ WidgetTester tester,
+ LinkPreviewMenuCommand command,
+ ) async {
+ final bookmark = find.byType(CustomLinkPreviewBlockComponent);
+ expect(bookmark, findsOneWidget);
+ await tester.hoverOnWidget(
+ bookmark,
+ onHover: () async {
+ final menuButton = find.byFlowySvg(FlowySvgs.toolbar_more_m);
+ await tester.tapButton(menuButton);
+ final commandButton = find.text(command.title);
+ await tester.tapButton(commandButton);
+ },
+ );
+ }
+
+ testWidgets('paste a link as bookmark', (tester) async {
+ final link = avaliableLink;
+ await preparePage(tester);
+ await pasteAsBookmark(tester, link);
+ final node = tester.editor.getNodeAtPath([0]);
+ checkBookmark(node, link);
+ });
+
+ testWidgets('paste a link as bookmark and convert to mention',
+ (tester) async {
+ final link = avaliableLink;
+ await preparePage(tester);
+ await pasteAsBookmark(tester, link);
+ await hoverAndClick(tester, LinkPreviewMenuCommand.convertToMention);
+ final node = tester.editor.getNodeAtPath([0]);
+ checkMention(node, link);
+ });
+
+ testWidgets('paste a link as bookmark and convert to url', (tester) async {
+ final link = avaliableLink;
+ await preparePage(tester);
+ await pasteAsBookmark(tester, link);
+ await hoverAndClick(tester, LinkPreviewMenuCommand.convertToUrl);
+ final node = tester.editor.getNodeAtPath([0]);
+ checkUrl(node, link);
+ });
+
+ testWidgets('paste a link as bookmark and convert to embed',
+ (tester) async {
+ final link = avaliableLink;
+ await preparePage(tester);
+ await pasteAsBookmark(tester, link);
+ await hoverAndClick(tester, LinkPreviewMenuCommand.convertToEmbed);
+ final node = tester.editor.getNodeAtPath([0]);
+ checkEmbed(node, link);
+ });
+
+ testWidgets('paste a link as bookmark and copy link', (tester) async {
+ final link = avaliableLink;
+ await preparePage(tester);
+ await pasteAsBookmark(tester, link);
+ await hoverAndClick(tester, LinkPreviewMenuCommand.copyLink);
+ final clipboardContent = await getIt().getData();
+ expect(clipboardContent.plainText, link);
+ });
+
+ testWidgets('paste a link as bookmark and replace link', (tester) async {
+ final link = avaliableLink;
+ await preparePage(tester);
+ await pasteAsBookmark(tester, link);
+ await hoverAndClick(tester, LinkPreviewMenuCommand.replace);
+ await tester.simulateKeyEvent(
+ LogicalKeyboardKey.keyA,
+ isControlPressed: Platform.isLinux || Platform.isWindows,
+ isMetaPressed: Platform.isMacOS,
+ );
+ await tester.simulateKeyEvent(LogicalKeyboardKey.delete);
+ await tester.enterText(find.byType(TextFormField), unavailableLink);
+ await tester.tapButton(find.text(LocaleKeys.button_replace.tr()));
+ final node = tester.editor.getNodeAtPath([0]);
+ checkBookmark(node, unavailableLink);
+ });
+
+ testWidgets('paste a link as bookmark and remove link', (tester) async {
+ final link = avaliableLink;
+ await preparePage(tester);
+ await pasteAsBookmark(tester, link);
+ await hoverAndClick(tester, LinkPreviewMenuCommand.removeLink);
+ final node = tester.editor.getNodeAtPath([0]);
+ expect(node.type, ParagraphBlockKeys.type);
+ expect(node.delta!.toJson(), [
+ {'insert': link},
+ ]);
+ });
+ });
+ group('Paste as Embed', () {
+ Future pasteAsEmbed(WidgetTester tester, String link) =>
+ pasteAs(tester, link, PasteMenuType.embed);
+
+ Future hoverAndConvert(
+ WidgetTester tester,
+ LinkEmbedConvertCommand command,
+ ) async {
+ final embed = find.byType(LinkEmbedBlockComponent);
+ expect(embed, findsOneWidget);
+ await tester.hoverOnWidget(
+ embed,
+ onHover: () async {
+ final menuButton = find.byFlowySvg(FlowySvgs.turninto_m);
+ await tester.tapButton(menuButton);
+ final commandButton = find.text(command.title);
+ await tester.tapButton(commandButton);
+ },
+ );
+ }
+
+ testWidgets('paste a link as embed', (tester) async {
+ final link = avaliableLink;
+ await preparePage(tester);
+ await pasteAsEmbed(tester, link);
+ final node = tester.editor.getNodeAtPath([0]);
+ checkEmbed(node, link);
+ });
+
+ testWidgets('paste a link as bookmark and convert to mention',
+ (tester) async {
+ final link = avaliableLink;
+ await preparePage(tester);
+ await pasteAsEmbed(tester, link);
+ await hoverAndConvert(tester, LinkEmbedConvertCommand.toMention);
+ final node = tester.editor.getNodeAtPath([0]);
+ checkMention(node, link);
+ });
+
+ testWidgets('paste a link as bookmark and convert to url', (tester) async {
+ final link = avaliableLink;
+ await preparePage(tester);
+ await pasteAsEmbed(tester, link);
+ await hoverAndConvert(tester, LinkEmbedConvertCommand.toURL);
+ final node = tester.editor.getNodeAtPath([0]);
+ checkUrl(node, link);
+ });
+
+ testWidgets('paste a link as bookmark and convert to bookmark',
+ (tester) async {
+ final link = avaliableLink;
+ await preparePage(tester);
+ await pasteAsEmbed(tester, link);
+ await hoverAndConvert(tester, LinkEmbedConvertCommand.toBookmark);
+ final node = tester.editor.getNodeAtPath([0]);
+ checkBookmark(node, link);
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_more_actions_test.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_more_actions_test.dart
new file mode 100644
index 0000000000..eeb2ea3925
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/desktop/document/document_more_actions_test.dart
@@ -0,0 +1,140 @@
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/workspace/presentation/home/menu/view/view_item.dart';
+import 'package:appflowy/workspace/presentation/widgets/more_view_actions/widgets/view_meta_info.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';
+
+import '../../shared/util.dart';
+
+void main() {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+ group('MoreViewActions', () {
+ testWidgets('can duplicate and delete from menu', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+ await tester.pumpAndSettle();
+
+ final pageFinder = find.byType(ViewItem);
+ expect(pageFinder, findsNWidgets(1));
+
+ // Duplicate
+ await tester.openMoreViewActions();
+ await tester.duplicateByMoreViewActions();
+ await tester.pumpAndSettle();
+
+ expect(pageFinder, findsNWidgets(2));
+
+ // Delete
+ await tester.openMoreViewActions();
+ await tester.deleteByMoreViewActions();
+ await tester.pumpAndSettle();
+
+ expect(pageFinder, findsNWidgets(1));
+ });
+ });
+
+ testWidgets('count title towards word count', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+ await tester.createNewPageWithNameUnderParent();
+
+ Finder title = tester.editor.findDocumentTitle('');
+
+ await tester.openMoreViewActions();
+ final viewMetaInfo = find.byType(ViewMetaInfo);
+ expect(viewMetaInfo, findsOneWidget);
+
+ ViewMetaInfo viewMetaInfoWidget =
+ viewMetaInfo.evaluate().first.widget as ViewMetaInfo;
+ Counters titleCounter = viewMetaInfoWidget.titleCounters!;
+
+ expect(titleCounter.charCount, 0);
+ expect(titleCounter.wordCount, 0);
+
+ /// input [str1] within title
+ const str1 = 'Hello',
+ str2 = '$str1 AppFlowy',
+ str3 = '$str2!',
+ str4 = 'Hello world';
+ await tester.simulateKeyEvent(LogicalKeyboardKey.escape);
+ await tester.tapButton(title);
+ await tester.enterText(title, str1);
+ await tester.pumpAndSettle(const Duration(seconds: 1));
+ await tester.openMoreViewActions();
+ viewMetaInfoWidget = viewMetaInfo.evaluate().first.widget as ViewMetaInfo;
+ titleCounter = viewMetaInfoWidget.titleCounters!;
+ expect(titleCounter.charCount, str1.length);
+ expect(titleCounter.wordCount, 1);
+
+ /// input [str2] within title
+ title = tester.editor.findDocumentTitle(str1);
+ await tester.simulateKeyEvent(LogicalKeyboardKey.escape);
+ await tester.tapButton(title);
+ await tester.enterText(title, str2);
+ await tester.pumpAndSettle(const Duration(seconds: 1));
+ await tester.openMoreViewActions();
+ viewMetaInfoWidget = viewMetaInfo.evaluate().first.widget as ViewMetaInfo;
+ titleCounter = viewMetaInfoWidget.titleCounters!;
+ expect(titleCounter.charCount, str2.length);
+ expect(titleCounter.wordCount, 2);
+
+ /// input [str3] within title
+ title = tester.editor.findDocumentTitle(str2);
+ await tester.simulateKeyEvent(LogicalKeyboardKey.escape);
+ await tester.tapButton(title);
+ await tester.enterText(title, str3);
+ await tester.pumpAndSettle(const Duration(seconds: 1));
+ await tester.openMoreViewActions();
+ viewMetaInfoWidget = viewMetaInfo.evaluate().first.widget as ViewMetaInfo;
+ titleCounter = viewMetaInfoWidget.titleCounters!;
+ expect(titleCounter.charCount, str3.length);
+ expect(titleCounter.wordCount, 2);
+
+ /// input [str4] within document
+ await tester.simulateKeyEvent(LogicalKeyboardKey.escape);
+ await tester.editor
+ .updateSelection(Selection.collapsed(Position(path: [0])));
+ await tester.pumpAndSettle();
+ await tester.editor
+ .getCurrentEditorState()
+ .insertTextAtCurrentSelection(str4);
+ await tester.pumpAndSettle(const Duration(seconds: 1));
+ await tester.openMoreViewActions();
+ final texts =
+ find.descendant(of: viewMetaInfo, matching: find.byType(FlowyText));
+ expect(texts, findsNWidgets(3));
+ viewMetaInfoWidget = viewMetaInfo.evaluate().first.widget as ViewMetaInfo;
+ titleCounter = viewMetaInfoWidget.titleCounters!;
+ final Counters documentCounters = viewMetaInfoWidget.documentCounters!;
+ final wordCounter = texts.evaluate().elementAt(0).widget as FlowyText,
+ charCounter = texts.evaluate().elementAt(1).widget as FlowyText;
+ final numberFormat = NumberFormat();
+ expect(
+ wordCounter.text,
+ LocaleKeys.moreAction_wordCount.tr(
+ args: [
+ numberFormat
+ .format(titleCounter.wordCount + documentCounters.wordCount)
+ .toString(),
+ ],
+ ),
+ );
+ expect(
+ charCounter.text,
+ LocaleKeys.moreAction_charCount.tr(
+ args: [
+ numberFormat
+ .format(
+ titleCounter.charCount + documentCounters.charCount,
+ )
+ .toString(),
+ ],
+ ),
+ );
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_option_action_test.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_option_action_test.dart
index cfea4381e0..6ec12287a8 100644
--- a/frontend/appflowy_flutter/integration_test/desktop/document/document_option_action_test.dart
+++ b/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 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,120 @@ 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.editor_bulletedListShortForm.tr():
+ BulletedListBlockKeys.type,
+ LocaleKeys.editor_numberedListShortForm.tr():
+ NumberedListBlockKeys.type,
+ LocaleKeys.document_slashMenu_name_quote.tr(): QuoteBlockKeys.type,
+ LocaleKeys.editor_checkbox.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.editor_bulletedListShortForm.tr():
+ BulletedListBlockKeys.type,
+ LocaleKeys.editor_numberedListShortForm.tr():
+ NumberedListBlockKeys.type,
+ LocaleKeys.document_slashMenu_name_quote.tr(): QuoteBlockKeys.type,
+ LocaleKeys.editor_checkbox.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])));
+ },
+ );
});
}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_selection_test.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_selection_test.dart
new file mode 100644
index 0000000000..de1cb880a5
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/desktop/document/document_selection_test.dart
@@ -0,0 +1,88 @@
+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 '../../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);
+ });
+
+ testWidgets('select and delete text', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ /// create a new document
+ await tester.createNewPageWithNameUnderParent();
+
+ /// input text
+ final editor = tester.editor;
+ final editorState = editor.getCurrentEditorState();
+
+ const inputText = 'Test for text selection and deletion';
+ final texts = inputText.split(' ');
+ await editor.tapLineOfEditorAt(0);
+ await tester.ime.insertText(inputText);
+
+ /// selecte and delete
+ int index = 0;
+ while (texts.isNotEmpty) {
+ final text = texts.removeAt(0);
+ await tester.editor.updateSelection(
+ Selection(
+ start: Position(path: [0], offset: index),
+ end: Position(path: [0], offset: index + text.length),
+ ),
+ );
+ await tester.simulateKeyEvent(LogicalKeyboardKey.delete);
+ index++;
+ }
+
+ /// excpete the text value is correct
+ final node = editorState.getNodeAtPath([0])!;
+ final nodeText = node.delta?.toPlainText() ?? '';
+ expect(nodeText, ' ' * (index - 1));
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_shortcuts_test.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_shortcuts_test.dart
new file mode 100644
index 0000000000..cf33a66947
--- /dev/null
+++ b/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),
+ );
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_sub_page_test.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_sub_page_test.dart
new file mode 100644
index 0000000000..50f0f903bc
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/desktop/document/document_sub_page_test.dart
@@ -0,0 +1,528 @@
+import 'dart:io';
+
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/header/emoji_icon_widget.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/sub_page/sub_page_block_component.dart';
+import 'package:appflowy/shared/icon_emoji_picker/recent_icons.dart';
+import 'package:appflowy/workspace/presentation/home/menu/view/view_action_type.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/emoji.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() {
+ setUpAll(() {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+ RecentIcons.enable = false;
+ });
+
+ tearDownAll(() {
+ RecentIcons.enable = true;
+ });
+
+ 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();
+
+ 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.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.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.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.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.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.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.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.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.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);
+
+ 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));
+ });
+
+ testWidgets('Displaying icon of subpage', (tester) async {
+ const firstPage = 'FirstPage';
+
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+ await tester.createNewPageWithNameUnderParent(name: firstPage);
+ final icon = await tester.loadIcon();
+
+ /// create subpage
+ await tester.editor.tapLineOfEditorAt(0);
+ await tester.editor.showSlashMenu();
+ await tester.editor.tapSlashMenuItemWithName(
+ LocaleKeys.document_slashMenu_subPage_name.tr(),
+ offset: 100,
+ );
+
+ /// add icon
+ await tester.editor.hoverOnCoverToolbar();
+ await tester.editor.tapAddIconButton();
+ await tester.tapIcon(icon);
+ await tester.pumpAndSettle();
+ await tester.openPage(firstPage);
+
+ await tester.expandOrCollapsePage(
+ pageName: firstPage,
+ layout: ViewLayoutPB.Document,
+ );
+
+ /// check if there is a icon in document
+ final iconWidget = find.byWidgetPredicate((w) {
+ if (w is! RawEmojiIconWidget) return false;
+ final iconData = w.emoji.emoji;
+ return iconData == icon.emoji;
+ });
+ expect(iconWidget, findsOneWidget);
+ });
+ });
+}
+
+extension _SubPageTestHelper on WidgetTester {
+ Future 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 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();
+ }
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_test_runner.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_test_runner.dart
deleted file mode 100644
index 42462c2658..0000000000
--- a/frontend/appflowy_flutter/integration_test/desktop/document/document_test_runner.dart
+++ /dev/null
@@ -1,41 +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_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_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_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;
-import 'document_inline_page_reference_test.dart'
- as document_inline_page_reference_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_inline_page_reference_test.main();
-}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_test_runner_1.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_test_runner_1.dart
new file mode 100644
index 0000000000..6a4ad5cb62
--- /dev/null
+++ b/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.
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_test_runner_2.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_test_runner_2.dart
new file mode 100644
index 0000000000..f32db64aa7
--- /dev/null
+++ b/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();
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_test_runner_3.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_test_runner_3.dart
new file mode 100644
index 0000000000..cecdaca580
--- /dev/null
+++ b/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.
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_test_runner_4.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_test_runner_4.dart
new file mode 100644
index 0000000000..bc0671834b
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/desktop/document/document_test_runner_4.dart
@@ -0,0 +1,33 @@
+import 'package:integration_test/integration_test.dart';
+
+import 'document_block_option_test.dart' as document_block_option_test;
+import 'document_find_menu_test.dart' as document_find_menu_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_shortcuts_test.dart' as document_shortcuts_test;
+import 'document_toolbar_test.dart' as document_toolbar_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;
+import 'document_with_simple_table_test.dart'
+ as document_with_simple_table_test;
+import 'document_link_preview_test.dart' as document_link_preview_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();
+ document_block_option_test.main();
+ document_find_menu_test.main();
+ document_toolbar_test.main();
+ document_with_simple_table_test.main();
+ document_link_preview_test.main();
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_title_test.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_title_test.dart
new file mode 100644
index 0000000000..c694ba8d6b
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/desktop/document/document_title_test.dart
@@ -0,0 +1,373 @@
+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(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(
+ 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(
+ 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(
+ 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(
+ 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(
+ 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();
+ });
+
+ testWidgets('paste text in title, check if the text is updated',
+ (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ await tester.createNewPageWithNameUnderParent();
+
+ await Clipboard.setData(const ClipboardData(text: _testDocumentName));
+
+ final title = tester.editor.findDocumentTitle('');
+ await tester.tapButton(title);
+ await tester.simulateKeyEvent(
+ LogicalKeyboardKey.keyV,
+ isMetaPressed: UniversalPlatform.isMacOS,
+ isControlPressed: !UniversalPlatform.isMacOS,
+ );
+ await tester.pumpAndSettle();
+
+ final newTitle = tester.editor.findDocumentTitle(_testDocumentName);
+ expect(newTitle, findsOneWidget);
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_toolbar_test.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_toolbar_test.dart
new file mode 100644
index 0000000000..f455cd479d
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/desktop/document/document_toolbar_test.dart
@@ -0,0 +1,370 @@
+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/document/presentation/editor_plugins/desktop_toolbar/desktop_floating_toolbar.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/desktop_toolbar/link/link_create_menu.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/desktop_toolbar/link/link_edit_menu.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/desktop_toolbar/link/link_hover_menu.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/plugins.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/toolbar_item/custom_link_toolbar_item.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/toolbar_item/more_option_toolbar_item.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/toolbar_item/text_suggestions_toolbar_item.dart';
+import 'package:appflowy/startup/startup.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/util.dart';
+
+void main() {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+ Future selectText(WidgetTester tester, String text) async {
+ await tester.editor.updateSelection(
+ Selection.single(
+ path: [0],
+ startOffset: 0,
+ endOffset: text.length,
+ ),
+ );
+ }
+
+ Future prepareForToolbar(WidgetTester tester, String text) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ await tester.createNewPageWithNameUnderParent();
+
+ await tester.editor.tapLineOfEditorAt(0);
+ await tester.ime.insertText(text);
+ await selectText(tester, text);
+ }
+
+ group('document toolbar:', () {
+ testWidgets('font family', (tester) async {
+ await prepareForToolbar(tester, 'font family');
+
+ // tap more options button
+ await tester.tapButtonWithFlowySvgData(FlowySvgs.toolbar_more_m);
+ // tap the font family button
+ final fontFamilyButton = find.byKey(kFontFamilyToolbarItemKey);
+ await tester.tapButton(fontFamilyButton);
+
+ // expect to see the font family dropdown immediately
+ expect(find.byType(FontFamilyDropDown), findsOneWidget);
+
+ // click the font family 'Abel'
+ const abel = 'Abel';
+ await tester.tapButton(find.text(abel));
+
+ // check the text is updated to 'Abel'
+ final editorState = tester.editor.getCurrentEditorState();
+ expect(
+ editorState.getDeltaAttributeValueInSelection(
+ AppFlowyRichTextKeys.fontFamily,
+ ),
+ abel,
+ );
+ });
+
+ testWidgets('heading 1~3', (tester) async {
+ const text = 'heading';
+ await prepareForToolbar(tester, text);
+
+ Future testChangeHeading(
+ FlowySvgData svg,
+ String title,
+ int level,
+ ) async {
+ /// tap suggestions item
+ final suggestionsButton = find.byKey(kSuggestionsItemKey);
+ await tester.tapButton(suggestionsButton);
+
+ /// tap item
+ await tester.ensureVisible(find.byFlowySvg(svg));
+ await tester.tapButton(find.byFlowySvg(svg));
+
+ /// check the type of node is [HeadingBlockKeys.type]
+ await selectText(tester, text);
+ final editorState = tester.editor.getCurrentEditorState();
+ final selection = editorState.selection!;
+ final node = editorState.getNodeAtPath(selection.start.path)!,
+ nodeLevel = node.attributes[HeadingBlockKeys.level]!;
+ expect(node.type, HeadingBlockKeys.type);
+ expect(nodeLevel, level);
+
+ /// show toolbar again
+ await selectText(tester, text);
+
+ /// the text of suggestions item should be changed
+ expect(
+ find.descendant(of: suggestionsButton, matching: find.text(title)),
+ findsOneWidget,
+ );
+ }
+
+ await testChangeHeading(
+ FlowySvgs.type_h1_m,
+ LocaleKeys.document_toolbar_h1.tr(),
+ 1,
+ );
+
+ await testChangeHeading(
+ FlowySvgs.type_h2_m,
+ LocaleKeys.document_toolbar_h2.tr(),
+ 2,
+ );
+ await testChangeHeading(
+ FlowySvgs.type_h3_m,
+ LocaleKeys.document_toolbar_h3.tr(),
+ 3,
+ );
+ });
+
+ testWidgets('toggle 1~3', (tester) async {
+ const text = 'toggle';
+ await prepareForToolbar(tester, text);
+
+ Future testChangeToggle(
+ FlowySvgData svg,
+ String title,
+ int? level,
+ ) async {
+ /// tap suggestions item
+ final suggestionsButton = find.byKey(kSuggestionsItemKey);
+ await tester.tapButton(suggestionsButton);
+
+ /// tap item
+ await tester.ensureVisible(find.byFlowySvg(svg));
+ await tester.tapButton(find.byFlowySvg(svg));
+
+ /// check the type of node is [HeadingBlockKeys.type]
+ await selectText(tester, text);
+ final editorState = tester.editor.getCurrentEditorState();
+ final selection = editorState.selection!;
+ final node = editorState.getNodeAtPath(selection.start.path)!,
+ nodeLevel = node.attributes[ToggleListBlockKeys.level];
+ expect(node.type, ToggleListBlockKeys.type);
+ expect(nodeLevel, level);
+
+ /// show toolbar again
+ await selectText(tester, text);
+
+ /// the text of suggestions item should be changed
+ expect(
+ find.descendant(of: suggestionsButton, matching: find.text(title)),
+ findsOneWidget,
+ );
+ }
+
+ await testChangeToggle(
+ FlowySvgs.type_toggle_list_m,
+ LocaleKeys.editor_toggleListShortForm.tr(),
+ null,
+ );
+
+ await testChangeToggle(
+ FlowySvgs.type_toggle_h1_m,
+ LocaleKeys.editor_toggleHeading1ShortForm.tr(),
+ 1,
+ );
+
+ await testChangeToggle(
+ FlowySvgs.type_toggle_h2_m,
+ LocaleKeys.editor_toggleHeading2ShortForm.tr(),
+ 2,
+ );
+
+ await testChangeToggle(
+ FlowySvgs.type_toggle_h3_m,
+ LocaleKeys.editor_toggleHeading3ShortForm.tr(),
+ 3,
+ );
+ });
+
+ testWidgets('toolbar will not rebuild after click item', (tester) async {
+ const text = 'Test rebuilding';
+ await prepareForToolbar(tester, text);
+ Finder toolbar = find.byType(DesktopFloatingToolbar);
+ Element toolbarElement = toolbar.evaluate().first;
+ final elementHashcode = toolbarElement.hashCode;
+ final boldButton = find.byFlowySvg(FlowySvgs.toolbar_bold_m),
+ underlineButton = find.byFlowySvg(FlowySvgs.toolbar_underline_m),
+ italicButton = find.byFlowySvg(FlowySvgs.toolbar_inline_italic_m);
+
+ /// tap format buttons
+ await tester.tapButton(boldButton);
+ await tester.tapButton(underlineButton);
+ await tester.tapButton(italicButton);
+ toolbar = find.byType(DesktopFloatingToolbar);
+ toolbarElement = toolbar.evaluate().first;
+
+ /// check if the toolbar is not rebuilt
+ expect(elementHashcode, toolbarElement.hashCode);
+ final editorState = tester.editor.getCurrentEditorState();
+
+ /// check text formats
+ expect(
+ editorState
+ .getDeltaAttributeValueInSelection(AppFlowyRichTextKeys.bold),
+ true,
+ );
+ expect(
+ editorState
+ .getDeltaAttributeValueInSelection(AppFlowyRichTextKeys.italic),
+ true,
+ );
+ expect(
+ editorState
+ .getDeltaAttributeValueInSelection(AppFlowyRichTextKeys.underline),
+ true,
+ );
+ });
+ });
+
+ group('document toolbar: link', () {
+ String? getLinkFromNode(Node node) {
+ for (final insert in node.delta!) {
+ final link = insert.attributes?.href;
+ if (link != null) return link;
+ }
+ return null;
+ }
+
+ bool isPageLink(Node node) {
+ for (final insert in node.delta!) {
+ final isPage = insert.attributes?.isPage;
+ if (isPage == true) return true;
+ }
+ return false;
+ }
+
+ String getNodeText(Node node) {
+ for (final insert in node.delta!) {
+ if (insert is TextInsert) return insert.text;
+ }
+ return '';
+ }
+
+ testWidgets('insert link and remove link', (tester) async {
+ const text = 'insert link', link = 'https://test.appflowy.cloud';
+ await prepareForToolbar(tester, text);
+
+ final toolbar = find.byType(DesktopFloatingToolbar);
+ expect(toolbar, findsOneWidget);
+
+ /// tap link button to show CreateLinkMenu
+ final linkButton = find.byFlowySvg(FlowySvgs.toolbar_link_m);
+ await tester.tapButton(linkButton);
+ final createLinkMenu = find.byType(LinkCreateMenu);
+ expect(createLinkMenu, findsOneWidget);
+
+ /// test esc to close
+ await tester.simulateKeyEvent(LogicalKeyboardKey.escape);
+ expect(toolbar, findsNothing);
+
+ /// show toolbar again
+ await tester.editor.tapLineOfEditorAt(0);
+ await selectText(tester, text);
+ await tester.tapButton(linkButton);
+
+ /// insert link
+ final textField = find.descendant(
+ of: createLinkMenu,
+ matching: find.byType(TextFormField),
+ );
+ await tester.enterText(textField, link);
+ await tester.pumpAndSettle();
+ await tester.simulateKeyEvent(LogicalKeyboardKey.enter);
+ Node node = tester.editor.getNodeAtPath([0]);
+ expect(getLinkFromNode(node), link);
+ await tester.simulateKeyEvent(LogicalKeyboardKey.escape);
+
+ /// hover link
+ await tester.hoverOnWidget(find.byType(LinkHoverTrigger));
+ final hoverMenu = find.byType(LinkHoverMenu);
+ expect(hoverMenu, findsOneWidget);
+
+ /// copy link
+ final copyButton = find.descendant(
+ of: hoverMenu,
+ matching: find.byFlowySvg(FlowySvgs.toolbar_link_m),
+ );
+ await tester.tapButton(copyButton);
+ final clipboardContent = await getIt().getData();
+ final plainText = clipboardContent.plainText;
+ expect(plainText, link);
+
+ /// remove link
+ await tester.hoverOnWidget(find.byType(LinkHoverTrigger));
+ await tester.tapButton(find.byFlowySvg(FlowySvgs.toolbar_link_unlink_m));
+ node = tester.editor.getNodeAtPath([0]);
+ expect(getLinkFromNode(node), null);
+ });
+
+ testWidgets('insert link and edit link', (tester) async {
+ const text = 'edit link',
+ link = 'https://test.appflowy.cloud',
+ afterText = '$text after';
+ await prepareForToolbar(tester, text);
+
+ /// tap link button to show CreateLinkMenu
+ final linkButton = find.byFlowySvg(FlowySvgs.toolbar_link_m);
+ await tester.tapButton(linkButton);
+
+ /// search for page and select it
+ final textField = find.descendant(
+ of: find.byType(LinkCreateMenu),
+ matching: find.byType(TextFormField),
+ );
+ await tester.enterText(textField, gettingStarted);
+ await tester.pumpAndSettle();
+ await tester.simulateKeyEvent(LogicalKeyboardKey.enter);
+ await tester.simulateKeyEvent(LogicalKeyboardKey.escape);
+
+ Node node = tester.editor.getNodeAtPath([0]);
+ expect(isPageLink(node), true);
+ expect(getLinkFromNode(node) == link, false);
+
+ /// hover link
+ await tester.hoverOnWidget(find.byType(LinkHoverTrigger));
+
+ /// click edit button to show LinkEditMenu
+ final editButton = find.byFlowySvg(FlowySvgs.toolbar_link_edit_m);
+ await tester.tapButton(editButton);
+ final linkEditMenu = find.byType(LinkEditMenu);
+ expect(linkEditMenu, findsOneWidget);
+
+ /// change the link text
+ final titleField = find.descendant(
+ of: linkEditMenu,
+ matching: find.byType(TextFormField),
+ );
+ await tester.enterText(titleField, afterText);
+ await tester.pumpAndSettle();
+ await tester.tapButton(
+ find.descendant(of: linkEditMenu, matching: find.text(gettingStarted)),
+ );
+ final linkField = find.ancestor(
+ of: find.text(LocaleKeys.document_toolbar_linkInputHint.tr()),
+ matching: find.byType(TextFormField),
+ );
+ await tester.enterText(linkField, link);
+ await tester.pumpAndSettle();
+ await tester.simulateKeyEvent(LogicalKeyboardKey.enter);
+
+ /// apply the change
+ final applyButton =
+ find.text(LocaleKeys.settings_appearance_documentSettings_apply.tr());
+ await tester.tapButton(applyButton);
+
+ node = tester.editor.getNodeAtPath([0]);
+ expect(isPageLink(node), false);
+ expect(getLinkFromNode(node), link);
+ expect(getNodeText(node), afterText);
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_with_cover_image_test.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_with_cover_image_test.dart
index 2b42ef7451..84b6790403 100644
--- a/frontend/appflowy_flutter/integration_test/desktop/document/document_with_cover_image_test.dart
+++ b/frontend/appflowy_flutter/integration_test/desktop/document/document_with_cover_image_test.dart
@@ -1,19 +1,36 @@
+import 'dart:io';
+
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/plugins/document/presentation/editor_plugins/image/image_util.dart';
+import 'package:appflowy/shared/icon_emoji_picker/flowy_icon_emoji_picker.dart';
+import 'package:appflowy/shared/icon_emoji_picker/recent_icons.dart';
import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
import 'package:flutter_emoji_mart/flutter_emoji_mart.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:integration_test/integration_test.dart';
+import 'package:path/path.dart' as p;
+import 'package:path_provider/path_provider.dart';
import '../../shared/emoji.dart';
+import '../../shared/mock/mock_file_picker.dart';
import '../../shared/util.dart';
void main() {
- IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+ setUpAll(() {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+ RecentIcons.enable = false;
+ });
- group('cover image', () {
+ tearDownAll(() {
+ RecentIcons.enable = true;
+ });
+
+ group('cover image:', () {
testWidgets('document cover tests', (tester) async {
await tester.initializeAppFlowy();
await tester.tapAnonymousSignInButton();
@@ -51,6 +68,59 @@ void main() {
tester.expectToSeeNoDocumentCover();
});
+ testWidgets('document cover local image tests', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ tester.expectToSeeNoDocumentCover();
+
+ // Hover over cover toolbar to show 'Add Cover' and 'Add Icon' buttons
+ await tester.editor.hoverOnCoverToolbar();
+
+ // Insert a document cover
+ await tester.editor.tapOnAddCover();
+ tester.expectToSeeDocumentCover(CoverType.asset);
+
+ // Hover over the cover to show the 'Change Cover' and delete buttons
+ await tester.editor.hoverOnCover();
+ tester.expectChangeCoverAndDeleteButton();
+
+ // Change cover to a local image image
+ final imagePath = await rootBundle.load('assets/test/images/sample.jpeg');
+ final tempDirectory = await getTemporaryDirectory();
+ final localImagePath = p.join(tempDirectory.path, 'sample.jpeg');
+ final imageFile = File(localImagePath)
+ ..writeAsBytesSync(imagePath.buffer.asUint8List());
+
+ await tester.editor.hoverOnCover();
+ await tester.editor.tapOnChangeCover();
+
+ final uploadButton = find.findTextInFlowyText(
+ LocaleKeys.document_imageBlock_upload_label.tr(),
+ );
+ await tester.tapButton(uploadButton);
+
+ mockPickFilePaths(paths: [localImagePath]);
+ await tester.tapButtonWithName(
+ LocaleKeys.document_imageBlock_upload_placeholder.tr(),
+ );
+
+ await tester.pumpAndSettle();
+ tester.expectToSeeDocumentCover(CoverType.file);
+
+ // Remove the cover
+ await tester.editor.hoverOnCover();
+ await tester.editor.tapOnRemoveCover();
+ tester.expectToSeeNoDocumentCover();
+
+ // Test if deleteImageFromLocalStorage(localImagePath) function is called once
+ await tester.pump(kDoubleTapTimeout);
+ expect(deleteImageTestCounter, 1);
+
+ // delete temp files
+ await imageFile.delete();
+ });
+
testWidgets('document icon tests', (tester) async {
await tester.initializeAppFlowy();
await tester.tapAnonymousSignInButton();
@@ -130,24 +200,24 @@ void main() {
final searchEmojiTextField = find.byWidgetPredicate(
(widget) =>
widget is TextField &&
- widget.decoration!.hintText == LocaleKeys.emoji_search.tr(),
+ widget.decoration!.hintText == LocaleKeys.search_label.tr(),
);
await tester.enterText(
searchEmojiTextField,
- 'hand',
+ 'punch',
);
// change skin tone
await tester.editor.changeEmojiSkinTone(EmojiSkinTone.dark);
// select an icon with skin tone
- const hand = '👋🏿';
- await tester.tapEmoji(hand);
- tester.expectToSeeDocumentIcon(hand);
+ const punch = '👊🏿';
+ await tester.tapEmoji(punch);
+ tester.expectToSeeDocumentIcon(punch);
tester.expectViewHasIcon(
gettingStarted,
ViewLayoutPB.Document,
- hand,
+ EmojiIconData.emoji(punch),
);
});
});
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_with_database_test.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_with_database_test.dart
index 915004133f..158eb501e3 100644
--- a/frontend/appflowy_flutter/integration_test/desktop/document/document_with_database_test.dart
+++ b/frontend/appflowy_flutter/integration_test/desktop/document/document_with_database_test.dart
@@ -1,14 +1,15 @@
-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';
+import 'package:appflowy/plugins/database/grid/presentation/widgets/footer/grid_footer.dart';
+import 'package:appflowy/plugins/database/grid/presentation/widgets/row/row.dart';
import 'package:appflowy/plugins/database/widgets/cell/editable_cell_skeleton/text.dart';
import 'package:appflowy/plugins/inline_actions/widgets/inline_actions_handler.dart';
import 'package:appflowy/workspace/presentation/home/menu/view/view_item.dart';
import 'package:appflowy_backend/protobuf/flowy-folder/protobuf.dart';
import 'package:appflowy_editor/appflowy_editor.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';
@@ -22,7 +23,7 @@ void main() {
await tester.initializeAppFlowy();
await tester.tapAnonymousSignInButton();
- await insertReferenceDatabase(tester, ViewLayoutPB.Grid);
+ await insertLinkedDatabase(tester, ViewLayoutPB.Grid);
// validate the referenced grid is inserted
expect(
@@ -50,23 +51,74 @@ void main() {
await tester.initializeAppFlowy();
await tester.tapAnonymousSignInButton();
- await insertReferenceDatabase(tester, ViewLayoutPB.Board);
+ await insertLinkedDatabase(tester, ViewLayoutPB.Board);
// validate the referenced board is inserted
expect(
find.descendant(
of: find.byType(AppFlowyEditor),
- matching: find.byType(BoardPage),
+ matching: find.byType(DesktopBoardPage),
),
findsOneWidget,
);
});
+ 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();
- await insertReferenceDatabase(tester, ViewLayoutPB.Calendar);
+ await insertLinkedDatabase(tester, ViewLayoutPB.Calendar);
// validate the referenced grid is inserted
expect(
@@ -104,7 +156,7 @@ void main() {
expect(
find.descendant(
of: find.byType(AppFlowyEditor),
- matching: find.byType(BoardPage),
+ matching: find.byType(DesktopBoardPage),
),
findsOneWidget,
);
@@ -125,11 +177,112 @@ void main() {
findsOneWidget,
);
});
+
+ testWidgets('insert a referenced grid with many rows (load more option)',
+ (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ await insertLinkedDatabase(tester, ViewLayoutPB.Grid);
+
+ // validate the referenced grid is inserted
+ expect(
+ find.descendant(
+ of: find.byType(AppFlowyEditor),
+ matching: find.byType(GridPage),
+ ),
+ findsOneWidget,
+ );
+
+ // https://github.com/AppFlowy-IO/AppFlowy/issues/3533
+ // test: the selection of editor should be clear when editing the grid
+ await tester.editor.updateSelection(
+ Selection.collapsed(
+ Position(path: [1]),
+ ),
+ );
+ final gridTextCell = find.byType(EditableTextCell).first;
+ await tester.tapButton(gridTextCell);
+
+ expect(tester.editor.getCurrentEditorState().selection, isNull);
+
+ final editorScrollable = find
+ .descendant(
+ of: find.byType(AppFlowyEditor),
+ matching: find.byWidgetPredicate(
+ (w) => w is Scrollable && w.axis == Axis.vertical,
+ ),
+ )
+ .first;
+
+ // Add 100 Rows to the linked database
+ final addRowFinder = find.byType(GridAddRowButton);
+ for (var i = 0; i < 100; i++) {
+ await tester.scrollUntilVisible(
+ addRowFinder,
+ 100,
+ scrollable: editorScrollable,
+ );
+ await tester.tapButton(addRowFinder);
+ await tester.pumpAndSettle();
+ }
+
+ // Since all rows visible are those we added, we should see all of them
+ expect(find.byType(GridRow), findsNWidgets(103));
+
+ // Navigate to getting started
+ await tester.openPage(gettingStarted);
+
+ // Navigate back to the document
+ await tester.openPage('insert_a_reference_${ViewLayoutPB.Grid.name}');
+
+ // We see only 25 Grid Rows
+ expect(find.byType(GridRow), findsNWidgets(25));
+
+ // We see Add row and load more button
+ expect(find.byType(GridAddRowButton), findsOneWidget);
+ expect(find.byType(GridRowLoadMoreButton), findsOneWidget);
+
+ // Load more rows, expect 50 visible
+ await _loadMoreRows(tester, editorScrollable, 50);
+
+ // Load more rows, expect 75 visible
+ await _loadMoreRows(tester, editorScrollable, 75);
+
+ // Load more rows, expect 100 visible
+ await _loadMoreRows(tester, editorScrollable, 100);
+
+ // Load more rows, expect 103 visible
+ await _loadMoreRows(tester, editorScrollable, 103);
+
+ // We no longer see load more option
+ expect(find.byType(GridRowLoadMoreButton), findsNothing);
+ });
});
}
+Future _loadMoreRows(
+ WidgetTester tester,
+ Finder scrollable, [
+ int? expectedRows,
+]) async {
+ await tester.scrollUntilVisible(
+ find.byType(GridRowLoadMoreButton),
+ 100,
+ scrollable: scrollable,
+ );
+ await tester.pumpAndSettle();
+
+ await tester.tap(find.byType(GridRowLoadMoreButton));
+ await tester.pumpAndSettle();
+
+ if (expectedRows != null) {
+ expect(find.byType(GridRow), findsNWidgets(expectedRows));
+ }
+}
+
/// Insert a referenced database of [layout] into the document
-Future insertReferenceDatabase(
+Future insertLinkedDatabase(
WidgetTester tester,
ViewLayoutPB layout,
) async {
@@ -150,7 +303,7 @@ Future insertReferenceDatabase(
// insert a referenced view
await tester.editor.showSlashMenu();
await tester.editor.tapSlashMenuItemWithName(
- layout.referencedMenuName,
+ layout.slashMenuLinkedName,
);
final linkToPageMenu = find.byType(InlineActionsHandler);
@@ -176,16 +329,9 @@ Future createInlineDatabase(
await tester.editor.tapLineOfEditorAt(0);
// insert a referenced view
await tester.editor.showSlashMenu();
- final name = switch (layout) {
- ViewLayoutPB.Grid => LocaleKeys.document_slashMenu_grid_createANewGrid.tr(),
- ViewLayoutPB.Board =>
- LocaleKeys.document_slashMenu_board_createANewBoard.tr(),
- ViewLayoutPB.Calendar =>
- LocaleKeys.document_slashMenu_calendar_createANewCalendar.tr(),
- _ => '',
- };
await tester.editor.tapSlashMenuItemWithName(
- name,
+ layout.slashMenuName,
+ offset: 100,
);
await tester.pumpAndSettle();
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_with_date_reminder_test.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_with_date_reminder_test.dart
new file mode 100644
index 0000000000..ccfdbae76e
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/desktop/document/document_with_date_reminder_test.dart
@@ -0,0 +1,466 @@
+import 'dart:io';
+
+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/startup/startup.dart';
+import 'package:appflowy/user/application/reminder/reminder_bloc.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: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 'package:table_calendar/table_calendar.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);
+ });
+
+ testWidgets("copy, cut and paste a date mention", (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ // create a new document
+ await tester.createNewPageWithNameUnderParent(
+ name: 'copy, cut and paste a date mention',
+ );
+
+ // 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);
+
+ // update selection and copy
+ 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();
+
+ // update selection and paste
+ 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.byType(MentionDateBlock), findsNWidgets(2));
+ expect(find.text('@$formattedDate'), findsNWidgets(2));
+
+ // update selection and cut
+ await tester.editor.updateSelection(
+ Selection(
+ start: Position(path: [0], offset: 1),
+ end: Position(path: [0], offset: 2),
+ ),
+ );
+ await tester.simulateKeyEvent(
+ LogicalKeyboardKey.keyX,
+ isControlPressed: Platform.isLinux || Platform.isWindows,
+ isMetaPressed: Platform.isMacOS,
+ );
+ await tester.pumpAndSettle();
+
+ expect(find.byType(MentionDateBlock), findsOneWidget);
+ expect(find.text('@$formattedDate'), findsOneWidget);
+
+ // update selection and paste
+ 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.byType(MentionDateBlock), findsNWidgets(2));
+ expect(find.text('@$formattedDate'), findsNWidgets(2));
+ });
+
+ testWidgets("copy, cut and paste a reminder mention", (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ // create a new document
+ await tester.createNewPageWithNameUnderParent(
+ name: 'copy, cut and paste a reminder mention',
+ );
+
+ // 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(),
+ );
+
+ // trigger popup
+ await tester.tapButton(find.byType(MentionDateBlock));
+ await tester.pumpAndSettle();
+
+ // set date to be fifteenth of the next month
+ await tester.tap(
+ find.descendant(
+ of: find.byType(DesktopAppFlowyDatePicker),
+ matching: find.byFlowySvg(FlowySvgs.arrow_right_s),
+ ),
+ );
+ await tester.pumpAndSettle();
+ await tester.tap(
+ find.descendant(
+ of: find.byType(TableCalendar),
+ matching: find.text(15.toString()),
+ ),
+ );
+ await tester.pumpAndSettle();
+ await tester.simulateKeyEvent(LogicalKeyboardKey.escape);
+ await tester.pumpAndSettle();
+
+ // add a reminder
+ await tester.tap(find.byType(MentionDateBlock));
+ await tester.pumpAndSettle();
+ await tester.tap(find.text(LocaleKeys.datePicker_reminderLabel.tr()));
+ await tester.pumpAndSettle();
+ await tester.tap(
+ find.textContaining(
+ LocaleKeys.datePicker_reminderOptions_oneDayBefore.tr(),
+ ),
+ );
+ await tester.pumpAndSettle();
+ await tester.simulateKeyEvent(LogicalKeyboardKey.escape);
+ await tester.pumpAndSettle();
+
+ // verify
+ final dateTimeSettings = DateTimeSettingsPB(
+ dateFormat: UserDateFormatPB.Friendly,
+ timeFormat: UserTimeFormatPB.TwentyFourHour,
+ );
+ final now = DateTime.now();
+ final fifteenthOfNextMonth = DateTime(now.year, now.month + 1, 15);
+ final formattedDate =
+ dateTimeSettings.dateFormat.formatDate(fifteenthOfNextMonth, false);
+
+ expect(find.byType(MentionDateBlock), findsOneWidget);
+ expect(find.text('@$formattedDate'), findsOneWidget);
+ expect(find.byFlowySvg(FlowySvgs.reminder_clock_s), findsOneWidget);
+ expect(getIt().state.reminders.map((e) => e.id).length, 1);
+
+ // update selection and copy
+ 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();
+
+ // update selection and paste
+ 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.byType(MentionDateBlock), findsNWidgets(2));
+ expect(find.text('@$formattedDate'), findsNWidgets(2));
+ expect(find.byFlowySvg(FlowySvgs.reminder_clock_s), findsNWidgets(2));
+ expect(
+ getIt().state.reminders.map((e) => e.id).toSet().length,
+ 2,
+ );
+
+ // update selection and cut
+ await tester.editor.updateSelection(
+ Selection(
+ start: Position(path: [0], offset: 1),
+ end: Position(path: [0], offset: 2),
+ ),
+ );
+ await tester.simulateKeyEvent(
+ LogicalKeyboardKey.keyX,
+ isControlPressed: Platform.isLinux || Platform.isWindows,
+ isMetaPressed: Platform.isMacOS,
+ );
+ await tester.pumpAndSettle();
+
+ expect(find.byType(MentionDateBlock), findsOneWidget);
+ expect(find.text('@$formattedDate'), findsOneWidget);
+ expect(find.byFlowySvg(FlowySvgs.reminder_clock_s), findsOneWidget);
+ expect(getIt().state.reminders.map((e) => e.id).length, 1);
+
+ // update selection and paste
+ 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.byType(MentionDateBlock), findsNWidgets(2));
+ expect(find.text('@$formattedDate'), findsNWidgets(2));
+ expect(find.byType(MentionDateBlock), findsNWidgets(2));
+ expect(find.text('@$formattedDate'), findsNWidgets(2));
+ expect(find.byFlowySvg(FlowySvgs.reminder_clock_s), findsNWidgets(2));
+ expect(
+ getIt().state.reminders.map((e) => e.id).toSet().length,
+ 2,
+ );
+ });
+
+ testWidgets("delete, undo and redo a reminder mention", (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ // create a new document
+ await tester.createNewPageWithNameUnderParent(
+ name: 'delete, undo and redo a reminder mention',
+ );
+
+ // 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(),
+ );
+
+ // trigger popup
+ await tester.tapButton(find.byType(MentionDateBlock));
+ await tester.pumpAndSettle();
+
+ // set date to be fifteenth of the next month
+ await tester.tap(
+ find.descendant(
+ of: find.byType(DesktopAppFlowyDatePicker),
+ matching: find.byFlowySvg(FlowySvgs.arrow_right_s),
+ ),
+ );
+ await tester.pumpAndSettle();
+ await tester.tap(
+ find.descendant(
+ of: find.byType(TableCalendar),
+ matching: find.text(15.toString()),
+ ),
+ );
+ await tester.pumpAndSettle();
+ await tester.simulateKeyEvent(LogicalKeyboardKey.escape);
+ await tester.pumpAndSettle();
+
+ // add a reminder
+ await tester.tap(find.byType(MentionDateBlock));
+ await tester.pumpAndSettle();
+ await tester.tap(find.text(LocaleKeys.datePicker_reminderLabel.tr()));
+ await tester.pumpAndSettle();
+ await tester.tap(
+ find.textContaining(
+ LocaleKeys.datePicker_reminderOptions_oneDayBefore.tr(),
+ ),
+ );
+ await tester.pumpAndSettle();
+ await tester.simulateKeyEvent(LogicalKeyboardKey.escape);
+ await tester.pumpAndSettle();
+
+ // verify
+ final dateTimeSettings = DateTimeSettingsPB(
+ dateFormat: UserDateFormatPB.Friendly,
+ timeFormat: UserTimeFormatPB.TwentyFourHour,
+ );
+ final now = DateTime.now();
+ final fifteenthOfNextMonth = DateTime(now.year, now.month + 1, 15);
+ final formattedDate =
+ dateTimeSettings.dateFormat.formatDate(fifteenthOfNextMonth, false);
+
+ expect(find.byType(MentionDateBlock), findsOneWidget);
+ expect(find.text('@$formattedDate'), findsOneWidget);
+ expect(find.byFlowySvg(FlowySvgs.reminder_clock_s), findsOneWidget);
+ expect(getIt().state.reminders.map((e) => e.id).length, 1);
+
+ // update selection and backspace to delete the mention
+ await tester.editor.updateSelection(
+ Selection.collapsed(Position(path: [0], offset: 1)),
+ );
+ await tester.simulateKeyEvent(LogicalKeyboardKey.backspace);
+ await tester.pumpAndSettle();
+
+ expect(find.byType(MentionDateBlock), findsNothing);
+ expect(find.text('@$formattedDate'), findsNothing);
+ expect(find.byFlowySvg(FlowySvgs.reminder_clock_s), findsNothing);
+ expect(getIt().state.reminders.isEmpty, isTrue);
+
+ // undo
+ await tester.simulateKeyEvent(
+ LogicalKeyboardKey.keyZ,
+ isControlPressed: Platform.isWindows || Platform.isLinux,
+ isMetaPressed: Platform.isMacOS,
+ );
+
+ expect(find.byType(MentionDateBlock), findsOneWidget);
+ expect(find.text('@$formattedDate'), findsOneWidget);
+ expect(find.byFlowySvg(FlowySvgs.reminder_clock_s), findsOneWidget);
+ expect(getIt().state.reminders.map((e) => e.id).length, 1);
+
+ // redo
+ await tester.simulateKeyEvent(
+ LogicalKeyboardKey.keyZ,
+ isControlPressed: Platform.isWindows || Platform.isLinux,
+ isMetaPressed: Platform.isMacOS,
+ isShiftPressed: true,
+ );
+
+ expect(find.byType(MentionDateBlock), findsNothing);
+ expect(find.text('@$formattedDate'), findsNothing);
+ expect(find.byFlowySvg(FlowySvgs.reminder_clock_s), findsNothing);
+ expect(getIt().state.reminders.isEmpty, isTrue);
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_with_file_test.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_with_file_test.dart
new file mode 100644
index 0000000000..9d7a97e6a8
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/desktop/document/document_with_file_test.dart
@@ -0,0 +1,161 @@
+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/document/presentation/editor_plugins/file/file_upload_menu.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/plugins.dart';
+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_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+import 'package:path/path.dart' as p;
+import 'package:path_provider/path_provider.dart';
+
+import '../../shared/mock/mock_file_picker.dart';
+import '../../shared/util.dart';
+
+void main() {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+ TestWidgetsFlutterBinding.ensureInitialized();
+
+ group('file block in document', () {
+ testWidgets('insert a file from local file + rename file', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ // create a new document
+ await tester.createNewPageWithNameUnderParent(name: 'Insert file 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_file.tr(),
+ );
+ expect(find.byType(FileBlockComponent), findsOneWidget);
+ expect(find.byType(FileUploadMenu), findsOneWidget);
+
+ final image = await rootBundle.load('assets/test/images/sample.jpeg');
+ final tempDirectory = await getTemporaryDirectory();
+ final filePath = p.join(tempDirectory.path, 'sample.jpeg');
+ final file = File(filePath)..writeAsBytesSync(image.buffer.asUint8List());
+
+ mockPickFilePaths(paths: [filePath]);
+
+ await getIt().set(KVKeys.kCloudType, '0');
+ await tester.tapFileUploadHint();
+ await tester.pumpAndSettle();
+
+ expect(find.byType(FileUploadMenu), findsNothing);
+ expect(find.byType(FileBlockComponent), findsOneWidget);
+
+ final node = tester.editor.getCurrentEditorState().getNodeAtPath([0])!;
+ expect(node.type, FileBlockKeys.type);
+ expect(node.attributes[FileBlockKeys.url], isNotEmpty);
+ expect(
+ node.attributes[FileBlockKeys.urlType],
+ FileUrlType.local.toIntValue(),
+ );
+
+ // Check the name of the file is correctly extracted
+ expect(node.attributes[FileBlockKeys.name], 'sample.jpeg');
+ expect(find.text('sample.jpeg'), findsOneWidget);
+
+ const newName = "Renamed file";
+
+ // Hover on the widget to see the three dots to open FileBlockMenu
+ await tester.hoverOnWidget(
+ find.byType(FileBlockComponent),
+ onHover: () async {
+ await tester.tap(find.byType(FileMenuTrigger));
+ await tester.pumpAndSettle();
+
+ await tester.tap(
+ find.text(LocaleKeys.document_plugins_file_renameFile_title.tr()),
+ );
+ },
+ );
+ await tester.pumpAndSettle();
+
+ expect(find.byType(FlowyTextField), findsOneWidget);
+ await tester.enterText(find.byType(FlowyTextField), newName);
+ await tester.pump();
+
+ await tester.tap(find.text(LocaleKeys.button_save.tr()));
+ await tester.pumpAndSettle();
+
+ final updatedNode =
+ tester.editor.getCurrentEditorState().getNodeAtPath([0])!;
+ expect(updatedNode.attributes[FileBlockKeys.name], newName);
+ expect(find.text(newName), findsOneWidget);
+
+ // remove the temp file
+ file.deleteSync();
+ });
+
+ testWidgets('insert a file from network', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ // create a new document
+ await tester.createNewPageWithNameUnderParent(name: 'Insert file 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_file.tr(),
+ );
+ expect(find.byType(FileBlockComponent), findsOneWidget);
+ expect(find.byType(FileUploadMenu), findsOneWidget);
+
+ // Navigate to integrate link tab
+ await tester.tapButtonWithName(
+ LocaleKeys.document_plugins_file_networkTab.tr(),
+ );
+ await tester.pumpAndSettle();
+
+ const url =
+ 'https://images.unsplash.com/photo-1469474968028-56623f02e42e?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&dl=david-marcu-78A265wPiO4-unsplash.jpg&w=640';
+ await tester.enterText(
+ find.descendant(
+ of: find.byType(FileUploadMenu),
+ matching: find.byType(FlowyTextField),
+ ),
+ url,
+ );
+ await tester.tapButton(
+ find.descendant(
+ of: find.byType(FileUploadMenu),
+ matching: find.text(
+ LocaleKeys.document_plugins_file_networkAction.tr(),
+ findRichText: true,
+ ),
+ ),
+ );
+ await tester.pumpAndSettle();
+
+ expect(find.byType(FileUploadMenu), findsNothing);
+ expect(find.byType(FileBlockComponent), findsOneWidget);
+
+ final node = tester.editor.getCurrentEditorState().getNodeAtPath([0])!;
+ expect(node.type, FileBlockKeys.type);
+ expect(node.attributes[FileBlockKeys.url], isNotEmpty);
+ expect(
+ node.attributes[FileBlockKeys.urlType],
+ FileUrlType.network.toIntValue(),
+ );
+
+ // Check the name is correctly extracted from the url
+ expect(
+ node.attributes[FileBlockKeys.name],
+ 'photo-1469474968028-56623f02e42e',
+ );
+ expect(find.text('photo-1469474968028-56623f02e42e'), findsOneWidget);
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_with_image_block_test.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_with_image_block_test.dart
index 976d812da1..3dcd6be8ae 100644
--- a/frontend/appflowy_flutter/integration_test/desktop/document/document_with_image_block_test.dart
+++ b/frontend/appflowy_flutter/integration_test/desktop/document/document_with_image_block_test.dart
@@ -3,24 +3,20 @@ import 'dart:io';
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/document/presentation/editor_plugins/image/custom_image_block_component.dart';
-import 'package:appflowy/plugins/document/presentation/editor_plugins/image/embed_image_url_widget.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.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/image/upload_image_menu/upload_image_menu.dart';
import 'package:appflowy/startup/startup.dart';
import 'package:appflowy_editor/appflowy_editor.dart'
hide UploadImageMenu, ResizableImage;
import 'package:easy_localization/easy_localization.dart';
import 'package:flowy_infra_ui/flowy_infra_ui.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 'package:path_provider/path_provider.dart';
-import 'package:run_with_network_images/run_with_network_images.dart';
import '../../shared/mock/mock_file_picker.dart';
import '../../shared/util.dart';
@@ -36,13 +32,15 @@ void main() {
// create a new document
await tester.createNewPageWithNameUnderParent(
- name: LocaleKeys.document_plugins_image_addAnImage.tr(),
+ name: LocaleKeys.document_plugins_image_addAnImageDesktop.tr(),
);
// tap the first line of the document
await tester.editor.tapLineOfEditorAt(0);
await tester.editor.showSlashMenu();
- await tester.editor.tapSlashMenuItemWithName('Image');
+ await tester.editor.tapSlashMenuItemWithName(
+ LocaleKeys.document_slashMenu_name_image.tr(),
+ );
expect(find.byType(CustomImageBlockComponent), findsOneWidget);
expect(find.byType(ImagePlaceholder), findsOneWidget);
expect(
@@ -78,19 +76,21 @@ void main() {
file.deleteSync();
});
- testWidgets('insert an image from network', (tester) async {
+ testWidgets('insert two images from local file at once', (tester) async {
await tester.initializeAppFlowy();
await tester.tapAnonymousSignInButton();
// create a new document
await tester.createNewPageWithNameUnderParent(
- name: LocaleKeys.document_plugins_image_addAnImage.tr(),
+ name: LocaleKeys.document_plugins_image_addAnImageDesktop.tr(),
);
// tap the first line of the document
await tester.editor.tapLineOfEditorAt(0);
await tester.editor.showSlashMenu();
- await tester.editor.tapSlashMenuItemWithName('Image');
+ await tester.editor.tapSlashMenuItemWithName(
+ LocaleKeys.document_slashMenu_name_image.tr(),
+ );
expect(find.byType(CustomImageBlockComponent), findsOneWidget);
expect(find.byType(ImagePlaceholder), findsOneWidget);
expect(
@@ -102,64 +102,42 @@ void main() {
);
expect(find.byType(UploadImageMenu), findsOneWidget);
+ final firstImage =
+ await rootBundle.load('assets/test/images/sample.jpeg');
+ final secondImage =
+ await rootBundle.load('assets/test/images/sample.gif');
+ final tempDirectory = await getTemporaryDirectory();
+
+ final firstImagePath = p.join(tempDirectory.path, 'sample.jpeg');
+ final firstFile = File(firstImagePath)
+ ..writeAsBytesSync(firstImage.buffer.asUint8List());
+
+ final secondImagePath = p.join(tempDirectory.path, 'sample.gif');
+ final secondFile = File(secondImagePath)
+ ..writeAsBytesSync(secondImage.buffer.asUint8List());
+
+ mockPickFilePaths(paths: [firstImagePath, secondImagePath]);
+
+ await getIt().set(KVKeys.kCloudType, '0');
await tester.tapButtonWithName(
- LocaleKeys.document_imageBlock_embedLink_label.tr(),
- );
- const url =
- 'https://images.unsplash.com/photo-1469474968028-56623f02e42e?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&dl=david-marcu-78A265wPiO4-unsplash.jpg&w=640';
- await tester.enterText(
- find.descendant(
- of: find.byType(EmbedImageUrlWidget),
- matching: find.byType(TextField),
- ),
- url,
- );
- await tester.tapButton(
- find.descendant(
- of: find.byType(EmbedImageUrlWidget),
- matching: find.text(
- LocaleKeys.document_imageBlock_embedLink_label.tr(),
- findRichText: true,
- ),
- ),
+ LocaleKeys.document_imageBlock_upload_placeholder.tr(),
);
await tester.pumpAndSettle();
- expect(find.byType(ResizableImage), findsOneWidget);
- final node = tester.editor.getCurrentEditorState().getNodeAtPath([0])!;
- expect(node.type, ImageBlockKeys.type);
- expect(node.attributes[ImageBlockKeys.url], url);
- });
- testWidgets('insert an image from unsplash', (tester) async {
- await runWithNetworkImages(() async {
- await tester.initializeAppFlowy();
- await tester.tapAnonymousSignInButton();
+ expect(find.byType(ResizableImage), findsNWidgets(2));
- // create a new document
- await tester.createNewPageWithNameUnderParent(
- name: LocaleKeys.document_plugins_image_addAnImage.tr(),
- );
+ final firstNode =
+ tester.editor.getCurrentEditorState().getNodeAtPath([0])!;
+ expect(firstNode.type, ImageBlockKeys.type);
+ expect(firstNode.attributes[ImageBlockKeys.url], isNotEmpty);
- // tap the first line of the document
- await tester.editor.tapLineOfEditorAt(0);
- await tester.editor.showSlashMenu();
- await tester.editor.tapSlashMenuItemWithName('Image');
- expect(find.byType(CustomImageBlockComponent), findsOneWidget);
- expect(find.byType(ImagePlaceholder), findsOneWidget);
- expect(
- find.descendant(
- of: find.byType(ImagePlaceholder),
- matching: find.byType(AppFlowyPopover),
- ),
- findsOneWidget,
- );
- expect(find.byType(UploadImageMenu), findsOneWidget);
+ final secondNode =
+ tester.editor.getCurrentEditorState().getNodeAtPath([0])!;
+ expect(secondNode.type, ImageBlockKeys.type);
+ expect(secondNode.attributes[ImageBlockKeys.url], isNotEmpty);
- await tester.tapButtonWithName(
- 'Unsplash',
- );
- expect(find.byType(UnsplashImageWidget), findsOneWidget);
- });
+ // remove the temp files
+ await Future.wait([firstFile.delete(), secondFile.delete()]);
});
});
}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_with_inline_math_equation_test.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_with_inline_math_equation_test.dart
index 27f02f17cd..67e0149cd1 100644
--- a/frontend/appflowy_flutter/integration_test/desktop/document/document_with_inline_math_equation_test.dart
+++ b/frontend/appflowy_flutter/integration_test/desktop/document/document_with_inline_math_equation_test.dart
@@ -1,9 +1,11 @@
+import 'package:appflowy/generated/flowy_svgs.g.dart';
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:flowy_infra_ui/style_widget/button.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';
@@ -32,9 +34,15 @@ void main() {
Selection.single(path: [0], startOffset: 0, endOffset: formula.length),
);
+ // tap the more options button
+ final moreOptionButton = find.findFlowyTooltip(
+ LocaleKeys.document_toolbar_moreOptions.tr(),
+ );
+ await tester.tapButton(moreOptionButton);
+
// tap the inline math equation button
- final inlineMathEquationButton = find.byTooltip(
- LocaleKeys.document_plugins_createInlineMathEquation.tr(),
+ final inlineMathEquationButton = find.text(
+ LocaleKeys.document_toolbar_equation.tr(),
);
await tester.tapButton(inlineMathEquationButton);
@@ -77,10 +85,15 @@ void main() {
Selection.single(path: [0], startOffset: 0, endOffset: formula.length),
);
- // tap the inline math equation button
- var inlineMathEquationButton = find.byTooltip(
- LocaleKeys.document_plugins_createInlineMathEquation.tr(),
+ // tap the more options button
+ final moreOptionButton = find.findFlowyTooltip(
+ LocaleKeys.document_toolbar_moreOptions.tr(),
);
+ await tester.tapButton(moreOptionButton);
+
+ // tap the inline math equation button
+ final inlineMathEquationButton =
+ find.byFlowySvg(FlowySvgs.type_formula_m);
await tester.tapButton(inlineMathEquationButton);
// expect to see the math equation block
@@ -92,17 +105,7 @@ void main() {
Selection.single(path: [0], startOffset: 0, endOffset: 1),
);
- // expect to the see the inline math equation button is highlighted
- inlineMathEquationButton = find.byWidgetPredicate(
- (widget) =>
- widget is SVGIconItemWidget &&
- widget.tooltip ==
- LocaleKeys.document_plugins_createInlineMathEquation.tr(),
- );
- expect(
- tester.widget(inlineMathEquationButton).isHighlight,
- isTrue,
- );
+ await tester.tapButton(moreOptionButton);
// cancel the format
await tester.tapButton(inlineMathEquationButton);
@@ -113,5 +116,110 @@ void main() {
tester.expectToSeeText(formula);
});
+
+ testWidgets('insert a inline math equation and type something after it',
+ (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ // create a new document
+ await tester.createNewPageWithNameUnderParent(
+ name: 'math equation',
+ );
+
+ // tap the first line of the document
+ await tester.editor.tapLineOfEditorAt(0);
+ // insert a inline page
+ const formula = 'E = MC ^ 2';
+ await tester.ime.insertText(formula);
+ await tester.editor.updateSelection(
+ Selection.single(path: [0], startOffset: 0, endOffset: formula.length),
+ );
+
+ // tap the more options button
+ final moreOptionButton = find.findFlowyTooltip(
+ LocaleKeys.document_toolbar_moreOptions.tr(),
+ );
+ await tester.tapButton(moreOptionButton);
+
+ // tap the inline math equation button
+ final inlineMathEquationButton =
+ find.byFlowySvg(FlowySvgs.type_formula_m);
+ await tester.tapButton(inlineMathEquationButton);
+
+ // expect to see the math equation block
+ final inlineMathEquation = find.byType(InlineMathEquation);
+ expect(inlineMathEquation, findsOneWidget);
+
+ await tester.editor.tapLineOfEditorAt(0);
+ const text = 'Hello World';
+ await tester.ime.insertText(text);
+
+ final inlineText = find.textContaining(text, findRichText: true);
+ expect(inlineText, findsOneWidget);
+
+ // the text should be in the same line with the math equation
+ final inlineMathEquationPosition = tester.getRect(inlineMathEquation);
+ final textPosition = tester.getRect(inlineText);
+ // allow 5px difference
+ expect(
+ (textPosition.top - inlineMathEquationPosition.top).abs(),
+ lessThan(5),
+ );
+ expect(
+ (textPosition.bottom - inlineMathEquationPosition.bottom).abs(),
+ lessThan(5),
+ );
+ });
+
+ testWidgets('insert inline math equation by shortcut', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ // create a new document
+ await tester.createNewPageWithNameUnderParent(
+ name: 'insert inline math equation by shortcut',
+ );
+
+ // tap the first line of the document
+ await tester.editor.tapLineOfEditorAt(0);
+ // insert a inline page
+ const formula = 'E = MC ^ 2';
+ await tester.ime.insertText(formula);
+ await tester.editor.updateSelection(
+ Selection.single(path: [0], startOffset: 0, endOffset: formula.length),
+ );
+
+ // mock key event
+ await tester.simulateKeyEvent(
+ LogicalKeyboardKey.keyE,
+ isShiftPressed: true,
+ isControlPressed: true,
+ );
+
+ // expect to see the math equation block
+ final inlineMathEquation = find.byType(InlineMathEquation);
+ expect(inlineMathEquation, findsOneWidget);
+
+ await tester.editor.tapLineOfEditorAt(0);
+ const text = 'Hello World';
+ await tester.ime.insertText(text);
+
+ final inlineText = find.textContaining(text, findRichText: true);
+ expect(inlineText, findsOneWidget);
+
+ // the text should be in the same line with the math equation
+ final inlineMathEquationPosition = tester.getRect(inlineMathEquation);
+ final textPosition = tester.getRect(inlineText);
+ // allow 5px difference
+ expect(
+ (textPosition.top - inlineMathEquationPosition.top).abs(),
+ lessThan(5),
+ );
+ expect(
+ (textPosition.bottom - inlineMathEquationPosition.bottom).abs(),
+ lessThan(5),
+ );
+ });
});
}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_with_inline_page_test.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_with_inline_page_test.dart
index 335f9a377f..12047bd37f 100644
--- a/frontend/appflowy_flutter/integration_test/desktop/document/document_with_inline_page_test.dart
+++ b/frontend/appflowy_flutter/integration_test/desktop/document/document_with_inline_page_test.dart
@@ -1,7 +1,7 @@
+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_backend/protobuf/flowy-folder/protobuf.dart';
import 'package:flowy_infra/uuid.dart';
-import 'package:flowy_infra_ui/widget/error_page.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:integration_test/integration_test.dart';
@@ -92,7 +92,21 @@ void main() {
);
expect(finder, findsOneWidget);
await tester.tapButton(finder);
- expect(find.byType(FlowyErrorPage), findsOneWidget);
+ expect(find.byType(GridPage), findsOneWidget);
+ });
+
+ testWidgets('insert a inline page and type something after the page',
+ (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ await insertInlinePage(tester, ViewLayoutPB.Grid);
+
+ await tester.editor.tapLineOfEditorAt(0);
+ const text = 'Hello World';
+ await tester.ime.insertText(text);
+
+ expect(find.textContaining(text, findRichText: true), findsOneWidget);
});
});
}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_with_multi_image_block_test.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_with_multi_image_block_test.dart
new file mode 100644
index 0000000000..d8b0784a39
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/desktop/document/document_with_multi_image_block_test.dart
@@ -0,0 +1,291 @@
+import 'dart:io';
+
+import 'package:appflowy/core/config/kv.dart';
+import 'package:appflowy/core/config/kv_keys.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/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_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';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/plugins.dart';
+import 'package:appflowy/shared/appflowy_network_image.dart';
+import 'package:appflowy/startup/startup.dart';
+import 'package:appflowy/workspace/presentation/widgets/image_viewer/interactive_image_toolbar.dart';
+import 'package:appflowy/workspace/presentation/widgets/image_viewer/interactive_image_viewer.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/gestures.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 'package:path_provider/path_provider.dart';
+
+import '../../shared/mock/mock_file_picker.dart';
+import '../../shared/util.dart';
+
+void main() {
+ setUp(() {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+ TestWidgetsFlutterBinding.ensureInitialized();
+ });
+
+ group('multi image block in document', () {
+ testWidgets('insert images from local and use interactive viewer',
+ (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ // create a new document
+ await tester.createNewPageWithNameUnderParent(
+ name: 'multi image block 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_photoGallery.tr(),
+ offset: 100,
+ );
+ expect(find.byType(MultiImageBlockComponent), findsOneWidget);
+ expect(find.byType(MultiImagePlaceholder), findsOneWidget);
+
+ await tester.tap(find.byType(MultiImagePlaceholder));
+ await tester.pumpAndSettle();
+
+ expect(find.byType(UploadImageMenu), findsOneWidget);
+
+ final firstImage =
+ await rootBundle.load('assets/test/images/sample.jpeg');
+ final secondImage =
+ await rootBundle.load('assets/test/images/sample.gif');
+ final tempDirectory = await getTemporaryDirectory();
+
+ final firstImagePath = p.join(tempDirectory.path, 'sample.jpeg');
+ final firstFile = File(firstImagePath)
+ ..writeAsBytesSync(firstImage.buffer.asUint8List());
+
+ final secondImagePath = p.join(tempDirectory.path, 'sample.gif');
+ final secondFile = File(secondImagePath)
+ ..writeAsBytesSync(secondImage.buffer.asUint8List());
+
+ mockPickFilePaths(paths: [firstImagePath, secondImagePath]);
+
+ await getIt().set(KVKeys.kCloudType, '0');
+ await tester.tapButtonWithName(
+ LocaleKeys.document_imageBlock_upload_placeholder.tr(),
+ );
+ await tester.pumpAndSettle();
+ expect(find.byType(ImageBrowserLayout), findsOneWidget);
+ final node = tester.editor.getCurrentEditorState().getNodeAtPath([0])!;
+ expect(node.type, MultiImageBlockKeys.type);
+
+ final data = MultiImageData.fromJson(
+ node.attributes[MultiImageBlockKeys.images],
+ );
+
+ expect(data.images.length, 2);
+
+ // Start using the interactive viewer to view the image(s)
+ final imageFinder = find
+ .byWidgetPredicate(
+ (w) =>
+ w is Image &&
+ w.image is FileImage &&
+ (w.image as FileImage).file.path.endsWith('.jpeg'),
+ )
+ .first;
+ await tester.tap(imageFinder);
+ await tester.pump(kDoubleTapMinTime);
+ await tester.tap(imageFinder);
+ await tester.pumpAndSettle();
+
+ final ivFinder = find.byType(InteractiveImageViewer);
+ expect(ivFinder, findsOneWidget);
+
+ // go to next image
+ await tester.tap(find.byFlowySvg(FlowySvgs.arrow_right_s));
+ await tester.pumpAndSettle();
+
+ // Expect image to end with .gif
+ final gifImageFinder = find.byWidgetPredicate(
+ (w) =>
+ w is Image &&
+ w.image is FileImage &&
+ (w.image as FileImage).file.path.endsWith('.gif'),
+ );
+
+ gifImageFinder.evaluate();
+ expect(gifImageFinder.found.length, 2);
+
+ // go to previous image
+ await tester.tap(find.byFlowySvg(FlowySvgs.arrow_left_s));
+ await tester.pumpAndSettle();
+
+ gifImageFinder.evaluate();
+ expect(gifImageFinder.found.length, 1);
+
+ // remove the temp files
+ await Future.wait([firstFile.delete(), secondFile.delete()]);
+ });
+
+ testWidgets('insert and delete images from network', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ // create a new document
+ await tester.createNewPageWithNameUnderParent(
+ name: 'multi image block 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_photoGallery.tr(),
+ offset: 100,
+ );
+ expect(find.byType(MultiImageBlockComponent), findsOneWidget);
+ expect(find.byType(MultiImagePlaceholder), findsOneWidget);
+
+ await tester.tap(find.byType(MultiImagePlaceholder));
+ await tester.pumpAndSettle();
+
+ expect(find.byType(UploadImageMenu), findsOneWidget);
+
+ await tester.tapButtonWithName(
+ LocaleKeys.document_imageBlock_embedLink_label.tr(),
+ );
+
+ const url =
+ 'https://images.unsplash.com/photo-1469474968028-56623f02e42e?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&dl=david-marcu-78A265wPiO4-unsplash.jpg&w=640';
+ await tester.enterText(
+ find.descendant(
+ of: find.byType(EmbedImageUrlWidget),
+ matching: find.byType(TextField),
+ ),
+ url,
+ );
+ await tester.pumpAndSettle();
+
+ await tester.tapButton(
+ find.descendant(
+ of: find.byType(EmbedImageUrlWidget),
+ matching: find.text(
+ LocaleKeys.document_imageBlock_embedLink_label.tr(),
+ findRichText: true,
+ ),
+ ),
+ );
+ await tester.pumpAndSettle();
+
+ expect(find.byType(ImageBrowserLayout), findsOneWidget);
+ final node = tester.editor.getCurrentEditorState().getNodeAtPath([0])!;
+ expect(node.type, MultiImageBlockKeys.type);
+
+ final data = MultiImageData.fromJson(
+ node.attributes[MultiImageBlockKeys.images],
+ );
+
+ expect(data.images.length, 1);
+
+ final imageFinder = find
+ .byWidgetPredicate(
+ (w) => w is FlowyNetworkImage && w.url == url,
+ )
+ .first;
+
+ // Insert two images from network
+ for (int i = 0; i < 2; i++) {
+ // Hover on the image to show the image toolbar
+ await tester.hoverOnWidget(
+ imageFinder,
+ onHover: () async {
+ // Click on the add
+ final addFinder = find.descendant(
+ of: find.byType(MultiImageMenu),
+ matching: find.byFlowySvg(FlowySvgs.add_s),
+ );
+
+ expect(addFinder, findsOneWidget);
+ await tester.tap(addFinder);
+ await tester.pumpAndSettle();
+
+ await tester.tapButtonWithName(
+ LocaleKeys.document_imageBlock_embedLink_label.tr(),
+ );
+
+ await tester.enterText(
+ find.descendant(
+ of: find.byType(EmbedImageUrlWidget),
+ matching: find.byType(TextField),
+ ),
+ url,
+ );
+ await tester.pumpAndSettle();
+
+ await tester.tapButton(
+ find.descendant(
+ of: find.byType(EmbedImageUrlWidget),
+ matching: find.text(
+ LocaleKeys.document_imageBlock_embedLink_label.tr(),
+ findRichText: true,
+ ),
+ ),
+ );
+ await tester.pumpAndSettle();
+ },
+ );
+ }
+
+ await tester.pumpAndSettle();
+
+ // There should be 4 images visible now, where 2 are thumbnails
+ expect(find.byType(ThumbnailItem), findsNWidgets(3));
+
+ // And all three use ImageRender
+ expect(find.byType(ImageRender), findsNWidgets(4));
+
+ // Hover on and delete the first thumbnail image
+ await tester.hoverOnWidget(find.byType(ThumbnailItem).first);
+
+ final deleteFinder = find
+ .descendant(
+ of: find.byType(ThumbnailItem),
+ matching: find.byFlowySvg(FlowySvgs.delete_s),
+ )
+ .first;
+
+ expect(deleteFinder, findsOneWidget);
+ await tester.tap(deleteFinder);
+ await tester.pumpAndSettle();
+
+ expect(find.byType(ImageRender), findsNWidgets(3));
+
+ // Delete one from interactive viewer
+ await tester.tap(imageFinder);
+ await tester.pump(kDoubleTapMinTime);
+ await tester.tap(imageFinder);
+ await tester.pumpAndSettle();
+
+ final ivFinder = find.byType(InteractiveImageViewer);
+ expect(ivFinder, findsOneWidget);
+
+ await tester.tap(
+ find.descendant(
+ of: find.byType(InteractiveImageToolbar),
+ matching: find.byFlowySvg(FlowySvgs.delete_s),
+ ),
+ );
+ await tester.pumpAndSettle();
+
+ expect(find.byType(InteractiveImageViewer), findsNothing);
+
+ // There should be 1 image and the thumbnail for said image still visible
+ expect(find.byType(ImageRender), findsNWidgets(2));
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_with_outline_block_test.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_with_outline_block_test.dart
index bfd8198295..2f3f8c80b9 100644
--- a/frontend/appflowy_flutter/integration_test/desktop/document/document_with_outline_block_test.dart
+++ b/frontend/appflowy_flutter/integration_test/desktop/document/document_with_outline_block_test.dart
@@ -1,9 +1,7 @@
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/services.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:integration_test/integration_test.dart';
@@ -46,6 +44,9 @@ void main() {
* # Heading 1
* ## Heading 2
* ### Heading 3
+ * > # Heading 1
+ * > ## Heading 2
+ * > ### Heading 3
*/
await tester.editor.tapLineOfEditorAt(3);
@@ -56,7 +57,7 @@ void main() {
of: find.byType(OutlineBlockWidget),
matching: find.text(heading1),
),
- findsOneWidget,
+ findsNWidgets(2),
);
// Heading 2 is prefixed with a bullet
@@ -65,7 +66,7 @@ void main() {
of: find.byType(OutlineBlockWidget),
matching: find.text(heading2),
),
- findsOneWidget,
+ findsNWidgets(2),
);
// Heading 3 is prefixed with a dash
@@ -74,7 +75,7 @@ void main() {
of: find.byType(OutlineBlockWidget),
matching: find.text(heading3),
),
- findsOneWidget,
+ findsNWidgets(2),
);
// update the Heading 1 to Heading 1Hello world
@@ -102,13 +103,16 @@ void main() {
* # Heading 1
* ## Heading 2
* ### Heading 3
+ * > # Heading 1
+ * > ## Heading 2
+ * > ### Heading 3
*/
- await tester.editor.tapLineOfEditorAt(3);
+ await tester.editor.tapLineOfEditorAt(7);
await insertOutlineInDocument(tester);
// expect to find only the `heading1` widget under the [OutlineBlockWidget]
- await hoverAndClickDepthOptionAction(tester, [3], 1);
+ await hoverAndClickDepthOptionAction(tester, [6], 1);
expect(
find.descendant(
of: find.byType(OutlineBlockWidget),
@@ -126,7 +130,7 @@ void main() {
//////
/// expect to find only the 'heading1' and 'heading2' under the [OutlineBlockWidget]
- await hoverAndClickDepthOptionAction(tester, [3], 2);
+ await hoverAndClickDepthOptionAction(tester, [6], 2);
expect(
find.descendant(
of: find.byType(OutlineBlockWidget),
@@ -137,13 +141,13 @@ void main() {
//////
// expect to find all the headings under the [OutlineBlockWidget]
- await hoverAndClickDepthOptionAction(tester, [3], 3);
+ await hoverAndClickDepthOptionAction(tester, [6], 3);
expect(
find.descendant(
of: find.byType(OutlineBlockWidget),
matching: find.text(heading1),
),
- findsOneWidget,
+ findsNWidgets(2),
);
expect(
@@ -151,7 +155,7 @@ void main() {
of: find.byType(OutlineBlockWidget),
matching: find.text(heading2),
),
- findsOneWidget,
+ findsNWidgets(2),
);
expect(
@@ -159,7 +163,7 @@ void main() {
of: find.byType(OutlineBlockWidget),
matching: find.text(heading3),
),
- findsOneWidget,
+ findsNWidgets(2),
);
//////
});
@@ -171,7 +175,7 @@ Future insertOutlineInDocument(WidgetTester tester) async {
// open the actions menu and insert the outline block
await tester.editor.showSlashMenu();
await tester.editor.tapSlashMenuItemWithName(
- LocaleKeys.document_selectionMenu_outline.tr(),
+ LocaleKeys.document_slashMenu_name_outline.tr(),
);
await tester.pumpAndSettle();
}
@@ -181,19 +185,25 @@ Future hoverAndClickDepthOptionAction(
List 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();
}
Future insertHeadingComponent(WidgetTester tester) async {
await tester.editor.tapLineOfEditorAt(0);
+
+ // # heading 1-3
await tester.ime.insertText('# $heading1\n');
await tester.ime.insertText('## $heading2\n');
await tester.ime.insertText('### $heading3\n');
+
+ // > # toggle heading 1-3
+ await tester.ime.insertText('> # $heading1\n');
+ await tester.simulateKeyEvent(LogicalKeyboardKey.backspace);
+ await tester.ime.insertText('> ## $heading2\n');
+ await tester.simulateKeyEvent(LogicalKeyboardKey.backspace);
+ await tester.ime.insertText('> ### $heading3\n');
+ await tester.simulateKeyEvent(LogicalKeyboardKey.backspace);
}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_with_simple_table_test.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_with_simple_table_test.dart
new file mode 100644
index 0000000000..bcf3fde24f
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/desktop/document/document_with_simple_table_test.dart
@@ -0,0 +1,783 @@
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/simple_table/simple_table.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 'package:universal_platform/universal_platform.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('simple table block test:', () {
+ testWidgets('insert a simple table block', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+ await tester.createNewPageWithNameUnderParent(
+ name: 'simple_table_test',
+ );
+
+ await tester.editor.tapLineOfEditorAt(0);
+ await tester.insertTableInDocument();
+
+ // validate the table is inserted
+ expect(find.byType(SimpleTableBlockWidget), findsOneWidget);
+
+ final editorState = tester.editor.getCurrentEditorState();
+ expect(
+ editorState.selection,
+ // table -> row -> cell -> paragraph
+ Selection.collapsed(Position(path: [0, 0, 0, 0])),
+ );
+
+ final firstCell = find.byType(SimpleTableCellBlockWidget).first;
+ expect(
+ tester
+ .state(firstCell)
+ .isEditingCellNotifier
+ .value,
+ isTrue,
+ );
+ });
+
+ testWidgets('select all in table cell', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+ await tester.createNewPageWithNameUnderParent(
+ name: 'simple_table_test',
+ );
+
+ const cell1Content = 'Cell 1';
+
+ await tester.editor.tapLineOfEditorAt(0);
+ await tester.ime.insertText('New Table');
+ await tester.simulateKeyEvent(LogicalKeyboardKey.enter);
+ await tester.pumpAndSettle();
+ await tester.editor.tapLineOfEditorAt(1);
+ await tester.insertTableInDocument();
+ await tester.ime.insertText(cell1Content);
+ await tester.pumpAndSettle();
+ // Select all in the cell
+ await tester.simulateKeyEvent(
+ LogicalKeyboardKey.keyA,
+ isControlPressed: !UniversalPlatform.isMacOS,
+ isMetaPressed: UniversalPlatform.isMacOS,
+ );
+
+ expect(
+ tester.editor.getCurrentEditorState().selection,
+ Selection(
+ start: Position(path: [1, 0, 0, 0]),
+ end: Position(path: [1, 0, 0, 0], offset: cell1Content.length),
+ ),
+ );
+
+ // Press select all again, the selection should be the entire document
+ await tester.simulateKeyEvent(
+ LogicalKeyboardKey.keyA,
+ isControlPressed: !UniversalPlatform.isMacOS,
+ isMetaPressed: UniversalPlatform.isMacOS,
+ );
+
+ expect(
+ tester.editor.getCurrentEditorState().selection,
+ Selection(
+ start: Position(path: [0]),
+ end: Position(path: [1, 1, 1, 0]),
+ ),
+ );
+ });
+
+ testWidgets('''
+1. hover on the table
+ 1.1 click the add row button
+ 1.2 click the add column button
+ 1.3 click the add row and column button
+2. validate the table is updated
+3. delete the last column
+4. delete the last row
+5. validate the table is updated
+''', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+ await tester.createNewPageWithNameUnderParent(
+ name: 'simple_table_test',
+ );
+
+ await tester.editor.tapLineOfEditorAt(0);
+ await tester.insertTableInDocument();
+
+ // add a new row
+ final row = find.byWidgetPredicate((w) {
+ return w is SimpleTableRowBlockWidget && w.node.rowIndex == 1;
+ });
+ await tester.hoverOnWidget(
+ row,
+ onHover: () async {
+ final addRowButton = find.byType(SimpleTableAddRowButton).first;
+ await tester.tap(addRowButton);
+ },
+ );
+ await tester.pumpAndSettle();
+
+ // add a new column
+ final column = find.byWidgetPredicate((w) {
+ return w is SimpleTableCellBlockWidget && w.node.columnIndex == 1;
+ }).first;
+ await tester.hoverOnWidget(
+ column,
+ onHover: () async {
+ final addColumnButton = find.byType(SimpleTableAddColumnButton).first;
+ await tester.tap(addColumnButton);
+ },
+ );
+ await tester.pumpAndSettle();
+
+ // add a new row and a new column
+ final row2 = find.byWidgetPredicate((w) {
+ return w is SimpleTableCellBlockWidget &&
+ w.node.rowIndex == 2 &&
+ w.node.columnIndex == 2;
+ }).first;
+ await tester.hoverOnWidget(
+ row2,
+ onHover: () async {
+ // click the add row and column button
+ final addRowAndColumnButton =
+ find.byType(SimpleTableAddColumnAndRowButton).first;
+ await tester.tap(addRowAndColumnButton);
+ },
+ );
+ await tester.pumpAndSettle();
+
+ final tableNode =
+ tester.editor.getCurrentEditorState().document.nodeAtPath([0])!;
+ expect(tableNode.columnLength, 4);
+ expect(tableNode.rowLength, 4);
+
+ // delete the last row
+ await tester.clickMoreActionItemInTableMenu(
+ type: SimpleTableMoreActionType.row,
+ index: tableNode.rowLength - 1,
+ action: SimpleTableMoreAction.delete,
+ );
+ await tester.pumpAndSettle();
+ expect(tableNode.rowLength, 3);
+ expect(tableNode.columnLength, 4);
+
+ // delete the last column
+ await tester.clickMoreActionItemInTableMenu(
+ type: SimpleTableMoreActionType.column,
+ index: tableNode.columnLength - 1,
+ action: SimpleTableMoreAction.delete,
+ );
+ await tester.pumpAndSettle();
+
+ expect(tableNode.columnLength, 3);
+ expect(tableNode.rowLength, 3);
+ });
+
+ testWidgets('enable header column and header row', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+ await tester.createNewPageWithNameUnderParent(
+ name: 'simple_table_test',
+ );
+
+ await tester.editor.tapLineOfEditorAt(0);
+ await tester.insertTableInDocument();
+
+ // enable the header row
+ await tester.clickMoreActionItemInTableMenu(
+ type: SimpleTableMoreActionType.row,
+ index: 0,
+ action: SimpleTableMoreAction.enableHeaderRow,
+ );
+ await tester.pumpAndSettle();
+ // enable the header column
+ await tester.clickMoreActionItemInTableMenu(
+ type: SimpleTableMoreActionType.column,
+ index: 0,
+ action: SimpleTableMoreAction.enableHeaderColumn,
+ );
+ await tester.pumpAndSettle();
+
+ final tableNode =
+ tester.editor.getCurrentEditorState().document.nodeAtPath([0])!;
+
+ expect(tableNode.isHeaderColumnEnabled, isTrue);
+ expect(tableNode.isHeaderRowEnabled, isTrue);
+
+ // disable the header row
+ await tester.clickMoreActionItemInTableMenu(
+ type: SimpleTableMoreActionType.row,
+ index: 0,
+ action: SimpleTableMoreAction.enableHeaderRow,
+ );
+ await tester.pumpAndSettle();
+ expect(tableNode.isHeaderColumnEnabled, isTrue);
+ expect(tableNode.isHeaderRowEnabled, isFalse);
+
+ // disable the header column
+ await tester.clickMoreActionItemInTableMenu(
+ type: SimpleTableMoreActionType.column,
+ index: 0,
+ action: SimpleTableMoreAction.enableHeaderColumn,
+ );
+ await tester.pumpAndSettle();
+ expect(tableNode.isHeaderColumnEnabled, isFalse);
+ expect(tableNode.isHeaderRowEnabled, isFalse);
+ });
+
+ testWidgets('duplicate a column / row', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+ await tester.createNewPageWithNameUnderParent(
+ name: 'simple_table_test',
+ );
+
+ await tester.editor.tapLineOfEditorAt(0);
+ await tester.insertTableInDocument();
+
+ // duplicate the row
+ await tester.clickMoreActionItemInTableMenu(
+ type: SimpleTableMoreActionType.row,
+ index: 0,
+ action: SimpleTableMoreAction.duplicate,
+ );
+ await tester.pumpAndSettle();
+
+ // duplicate the column
+ await tester.clickMoreActionItemInTableMenu(
+ type: SimpleTableMoreActionType.column,
+ index: 0,
+ action: SimpleTableMoreAction.duplicate,
+ );
+ await tester.pumpAndSettle();
+
+ final tableNode =
+ tester.editor.getCurrentEditorState().document.nodeAtPath([0])!;
+ expect(tableNode.columnLength, 3);
+ expect(tableNode.rowLength, 3);
+ });
+
+ testWidgets('insert left / insert right', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+ await tester.createNewPageWithNameUnderParent(
+ name: 'simple_table_test',
+ );
+
+ await tester.editor.tapLineOfEditorAt(0);
+ await tester.insertTableInDocument();
+
+ // insert left
+ await tester.clickMoreActionItemInTableMenu(
+ type: SimpleTableMoreActionType.column,
+ index: 0,
+ action: SimpleTableMoreAction.insertLeft,
+ );
+ await tester.pumpAndSettle();
+
+ // insert right
+ await tester.clickMoreActionItemInTableMenu(
+ type: SimpleTableMoreActionType.column,
+ index: 0,
+ action: SimpleTableMoreAction.insertRight,
+ );
+ await tester.pumpAndSettle();
+
+ final tableNode =
+ tester.editor.getCurrentEditorState().document.nodeAtPath([0])!;
+ expect(tableNode.columnLength, 4);
+ expect(tableNode.rowLength, 2);
+ });
+
+ testWidgets('insert above / insert below', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+ await tester.createNewPageWithNameUnderParent(
+ name: 'simple_table_test',
+ );
+
+ await tester.editor.tapLineOfEditorAt(0);
+ await tester.insertTableInDocument();
+
+ // insert above
+ await tester.clickMoreActionItemInTableMenu(
+ type: SimpleTableMoreActionType.row,
+ index: 0,
+ action: SimpleTableMoreAction.insertAbove,
+ );
+ await tester.pumpAndSettle();
+
+ // insert below
+ await tester.clickMoreActionItemInTableMenu(
+ type: SimpleTableMoreActionType.row,
+ index: 0,
+ action: SimpleTableMoreAction.insertBelow,
+ );
+ await tester.pumpAndSettle();
+
+ final tableNode =
+ tester.editor.getCurrentEditorState().document.nodeAtPath([0])!;
+ expect(tableNode.rowLength, 4);
+ expect(tableNode.columnLength, 2);
+ });
+ });
+
+ testWidgets('set column width to page width (1)', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+ await tester.createNewPageWithNameUnderParent(
+ name: 'simple_table_test',
+ );
+
+ await tester.editor.tapLineOfEditorAt(0);
+ await tester.insertTableInDocument();
+
+ final tableNode = tester.editor.getNodeAtPath([0]);
+ final beforeWidth = tableNode.width;
+
+ // set the column width to page width
+ await tester.clickMoreActionItemInTableMenu(
+ type: SimpleTableMoreActionType.column,
+ index: 0,
+ action: SimpleTableMoreAction.setToPageWidth,
+ );
+ await tester.pumpAndSettle();
+
+ final afterWidth = tableNode.width;
+ expect(afterWidth, greaterThan(beforeWidth));
+ });
+
+ testWidgets('set column width to page width (2)', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+ await tester.createNewPageWithNameUnderParent(
+ name: 'simple_table_test',
+ );
+
+ await tester.editor.tapLineOfEditorAt(0);
+ await tester.insertTableInDocument();
+
+ final tableNode = tester.editor.getNodeAtPath([0]);
+ final beforeWidth = tableNode.width;
+
+ // set the column width to page width
+ await tester.clickMoreActionItemInTableMenu(
+ type: SimpleTableMoreActionType.row,
+ index: 0,
+ action: SimpleTableMoreAction.setToPageWidth,
+ );
+ await tester.pumpAndSettle();
+
+ final afterWidth = tableNode.width;
+ expect(afterWidth, greaterThan(beforeWidth));
+ });
+
+ testWidgets('distribute columns evenly (1)', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+ await tester.createNewPageWithNameUnderParent(
+ name: 'simple_table_test',
+ );
+
+ await tester.editor.tapLineOfEditorAt(0);
+ await tester.insertTableInDocument();
+
+ final tableNode = tester.editor.getNodeAtPath([0]);
+ final beforeWidth = tableNode.width;
+
+ // set the column width to page width
+ await tester.clickMoreActionItemInTableMenu(
+ type: SimpleTableMoreActionType.row,
+ index: 0,
+ action: SimpleTableMoreAction.distributeColumnsEvenly,
+ );
+ await tester.pumpAndSettle();
+
+ final afterWidth = tableNode.width;
+ expect(afterWidth, equals(beforeWidth));
+
+ final distributeColumnWidthsEvenly =
+ tableNode.attributes[SimpleTableBlockKeys.distributeColumnWidthsEvenly];
+ expect(distributeColumnWidthsEvenly, isTrue);
+ });
+
+ testWidgets('distribute columns evenly (2)', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+ await tester.createNewPageWithNameUnderParent(
+ name: 'simple_table_test',
+ );
+
+ await tester.editor.tapLineOfEditorAt(0);
+ await tester.insertTableInDocument();
+
+ final tableNode = tester.editor.getNodeAtPath([0]);
+ final beforeWidth = tableNode.width;
+
+ // set the column width to page width
+ await tester.clickMoreActionItemInTableMenu(
+ type: SimpleTableMoreActionType.column,
+ index: 0,
+ action: SimpleTableMoreAction.distributeColumnsEvenly,
+ );
+ await tester.pumpAndSettle();
+
+ final afterWidth = tableNode.width;
+ expect(afterWidth, equals(beforeWidth));
+
+ final distributeColumnWidthsEvenly =
+ tableNode.attributes[SimpleTableBlockKeys.distributeColumnWidthsEvenly];
+ expect(distributeColumnWidthsEvenly, isTrue);
+ });
+
+ testWidgets('using option menu to set column width', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+ await tester.createNewPageWithNameUnderParent(
+ name: 'simple_table_test',
+ );
+
+ await tester.editor.tapLineOfEditorAt(0);
+ await tester.insertTableInDocument();
+ await tester.editor.hoverAndClickOptionMenuButton([0]);
+
+ final editorState = tester.editor.getCurrentEditorState();
+ final beforeWidth = editorState.document.nodeAtPath([0])!.width;
+
+ await tester.tapButton(
+ find.text(
+ LocaleKeys.document_plugins_simpleTable_moreActions_setToPageWidth.tr(),
+ ),
+ );
+ await tester.pumpAndSettle();
+
+ final afterWidth = editorState.document.nodeAtPath([0])!.width;
+ expect(afterWidth, greaterThan(beforeWidth));
+
+ await tester.editor.hoverAndClickOptionMenuButton([0]);
+ await tester.tapButton(
+ find.text(
+ LocaleKeys
+ .document_plugins_simpleTable_moreActions_distributeColumnsWidth
+ .tr(),
+ ),
+ );
+ await tester.pumpAndSettle();
+
+ final afterWidth2 = editorState.document.nodeAtPath([0])!.width;
+ expect(afterWidth2, equals(afterWidth));
+ });
+
+ testWidgets('insert a table and use select all the delete it',
+ (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+ await tester.createNewPageWithNameUnderParent(
+ name: 'simple_table_test',
+ );
+
+ await tester.editor.tapLineOfEditorAt(0);
+ await tester.insertTableInDocument();
+
+ await tester.editor.tapLineOfEditorAt(1);
+ await tester.ime.insertText('Hello World');
+
+ // select all
+ await tester.simulateKeyEvent(
+ LogicalKeyboardKey.keyA,
+ isMetaPressed: UniversalPlatform.isMacOS,
+ isControlPressed: !UniversalPlatform.isMacOS,
+ );
+
+ await tester.simulateKeyEvent(LogicalKeyboardKey.backspace);
+ await tester.pumpAndSettle();
+
+ final editorState = tester.editor.getCurrentEditorState();
+ // only one paragraph left
+ expect(editorState.document.root.children.length, 1);
+ final paragraphNode = editorState.document.nodeAtPath([0])!;
+ expect(paragraphNode.delta, isNull);
+ });
+
+ testWidgets('use tab or shift+tab to navigate in table', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+ await tester.createNewPageWithNameUnderParent(
+ name: 'simple_table_test',
+ );
+
+ await tester.editor.tapLineOfEditorAt(0);
+ await tester.insertTableInDocument();
+
+ await tester.simulateKeyEvent(LogicalKeyboardKey.tab);
+ await tester.pumpAndSettle();
+
+ final editorState = tester.editor.getCurrentEditorState();
+ final selection = editorState.selection;
+ expect(selection, isNotNull);
+ expect(selection!.start.path, [0, 0, 1, 0]);
+ expect(selection.end.path, [0, 0, 1, 0]);
+
+ await tester.simulateKeyEvent(
+ LogicalKeyboardKey.tab,
+ isShiftPressed: true,
+ );
+ await tester.pumpAndSettle();
+
+ final selection2 = editorState.selection;
+ expect(selection2, isNotNull);
+ expect(selection2!.start.path, [0, 0, 0, 0]);
+ expect(selection2.end.path, [0, 0, 0, 0]);
+ });
+
+ testWidgets('shift+enter to insert a new line in table', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+ await tester.createNewPageWithNameUnderParent(
+ name: 'simple_table_test',
+ );
+
+ await tester.editor.tapLineOfEditorAt(0);
+ await tester.insertTableInDocument();
+
+ await tester.simulateKeyEvent(
+ LogicalKeyboardKey.enter,
+ isShiftPressed: true,
+ );
+ await tester.pumpAndSettle();
+
+ final editorState = tester.editor.getCurrentEditorState();
+ final node = editorState.document.nodeAtPath([0, 0, 0])!;
+ expect(node.children.length, 1);
+ });
+
+ testWidgets('using option menu to set table align', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+ await tester.createNewPageWithNameUnderParent(
+ name: 'simple_table_test',
+ );
+
+ await tester.editor.tapLineOfEditorAt(0);
+ await tester.insertTableInDocument();
+ await tester.editor.hoverAndClickOptionMenuButton([0]);
+
+ final editorState = tester.editor.getCurrentEditorState();
+ final beforeAlign = editorState.document.nodeAtPath([0])!.tableAlign;
+ expect(beforeAlign, TableAlign.left);
+
+ await tester.tapButton(
+ find.text(
+ LocaleKeys.document_plugins_simpleTable_moreActions_align.tr(),
+ ),
+ );
+ await tester.pumpAndSettle();
+ await tester.tapButton(
+ find.text(
+ LocaleKeys.document_plugins_optionAction_center.tr(),
+ ),
+ );
+ await tester.pumpAndSettle();
+
+ final afterAlign = editorState.document.nodeAtPath([0])!.tableAlign;
+ expect(afterAlign, TableAlign.center);
+
+ await tester.editor.hoverAndClickOptionMenuButton([0]);
+ await tester.tapButton(
+ find.text(
+ LocaleKeys.document_plugins_simpleTable_moreActions_align.tr(),
+ ),
+ );
+ await tester.pumpAndSettle();
+ await tester.tapButton(
+ find.text(
+ LocaleKeys.document_plugins_optionAction_right.tr(),
+ ),
+ );
+ await tester.pumpAndSettle();
+
+ final afterAlign2 = editorState.document.nodeAtPath([0])!.tableAlign;
+ expect(afterAlign2, TableAlign.right);
+
+ await tester.editor.hoverAndClickOptionMenuButton([0]);
+ await tester.tapButton(
+ find.text(
+ LocaleKeys.document_plugins_simpleTable_moreActions_align.tr(),
+ ),
+ );
+ await tester.pumpAndSettle();
+ await tester.tapButton(
+ find.text(
+ LocaleKeys.document_plugins_optionAction_left.tr(),
+ ),
+ );
+ await tester.pumpAndSettle();
+
+ final afterAlign3 = editorState.document.nodeAtPath([0])!.tableAlign;
+ expect(afterAlign3, TableAlign.left);
+ });
+
+ testWidgets('using option menu to set table align', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+ await tester.createNewPageWithNameUnderParent(
+ name: 'simple_table_test',
+ );
+
+ await tester.editor.tapLineOfEditorAt(0);
+ await tester.insertTableInDocument();
+ await tester.editor.hoverAndClickOptionMenuButton([0]);
+
+ final editorState = tester.editor.getCurrentEditorState();
+ final beforeAlign = editorState.document.nodeAtPath([0])!.tableAlign;
+ expect(beforeAlign, TableAlign.left);
+
+ await tester.tapButton(
+ find.text(
+ LocaleKeys.document_plugins_simpleTable_moreActions_align.tr(),
+ ),
+ );
+ await tester.pumpAndSettle();
+ await tester.tapButton(
+ find.text(
+ LocaleKeys.document_plugins_optionAction_center.tr(),
+ ),
+ );
+ await tester.pumpAndSettle();
+
+ final afterAlign = editorState.document.nodeAtPath([0])!.tableAlign;
+ expect(afterAlign, TableAlign.center);
+
+ await tester.editor.hoverAndClickOptionMenuButton([0]);
+ await tester.tapButton(
+ find.text(
+ LocaleKeys.document_plugins_simpleTable_moreActions_align.tr(),
+ ),
+ );
+ await tester.pumpAndSettle();
+ await tester.tapButton(
+ find.text(
+ LocaleKeys.document_plugins_optionAction_right.tr(),
+ ),
+ );
+ await tester.pumpAndSettle();
+
+ final afterAlign2 = editorState.document.nodeAtPath([0])!.tableAlign;
+ expect(afterAlign2, TableAlign.right);
+
+ await tester.editor.hoverAndClickOptionMenuButton([0]);
+ await tester.tapButton(
+ find.text(
+ LocaleKeys.document_plugins_simpleTable_moreActions_align.tr(),
+ ),
+ );
+ await tester.pumpAndSettle();
+ await tester.tapButton(
+ find.text(
+ LocaleKeys.document_plugins_optionAction_left.tr(),
+ ),
+ );
+ await tester.pumpAndSettle();
+
+ final afterAlign3 = editorState.document.nodeAtPath([0])!.tableAlign;
+ expect(afterAlign3, TableAlign.left);
+ });
+
+ testWidgets('support slash menu in table', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+ await tester.createNewPageWithNameUnderParent(
+ name: 'simple_table_test',
+ );
+
+ final editorState = tester.editor.getCurrentEditorState();
+
+ await tester.editor.tapLineOfEditorAt(0);
+ await tester.insertTableInDocument();
+
+ final path = [0, 0, 0, 0];
+ final selection = Selection.collapsed(Position(path: path));
+ editorState.selection = selection;
+ await tester.editor.showSlashMenu();
+ await tester.pumpAndSettle();
+
+ final paragraphItem = find.byWidgetPredicate((w) {
+ return w is SelectionMenuItemWidget &&
+ w.item.name == LocaleKeys.document_slashMenu_name_text.tr();
+ });
+ expect(paragraphItem, findsOneWidget);
+
+ await tester.tap(paragraphItem);
+ await tester.pumpAndSettle();
+
+ final paragraphNode = editorState.document.nodeAtPath(path)!;
+ expect(paragraphNode.type, equals(ParagraphBlockKeys.type));
+ });
+}
+
+extension on WidgetTester {
+ /// Insert a table in the document
+ Future insertTableInDocument() async {
+ // open the actions menu and insert the outline block
+ await editor.showSlashMenu();
+ await editor.tapSlashMenuItemWithName(
+ LocaleKeys.document_slashMenu_name_table.tr(),
+ );
+ await pumpAndSettle();
+ }
+
+ Future clickMoreActionItemInTableMenu({
+ required SimpleTableMoreActionType type,
+ required int index,
+ required SimpleTableMoreAction action,
+ }) async {
+ if (type == SimpleTableMoreActionType.row) {
+ final row = find.byWidgetPredicate((w) {
+ return w is SimpleTableRowBlockWidget && w.node.rowIndex == index;
+ });
+ await hoverOnWidget(
+ row,
+ onHover: () async {
+ final moreActionButton = find.byWidgetPredicate((w) {
+ return w is SimpleTableMoreActionMenu &&
+ w.type == SimpleTableMoreActionType.row &&
+ w.index == index;
+ });
+ await tapButton(moreActionButton);
+ await tapButton(find.text(action.name));
+ },
+ );
+ await pumpAndSettle();
+ } else if (type == SimpleTableMoreActionType.column) {
+ final column = find.byWidgetPredicate((w) {
+ return w is SimpleTableCellBlockWidget && w.node.columnIndex == index;
+ }).first;
+ await hoverOnWidget(
+ column,
+ onHover: () async {
+ final moreActionButton = find.byWidgetPredicate((w) {
+ return w is SimpleTableMoreActionMenu &&
+ w.type == SimpleTableMoreActionType.column &&
+ w.index == index;
+ });
+ await tapButton(moreActionButton);
+ await tapButton(find.text(action.name));
+ },
+ );
+ await pumpAndSettle();
+ }
+
+ await tapAt(Offset.zero);
+ }
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_with_toggle_heading_block_test.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_with_toggle_heading_block_test.dart
new file mode 100644
index 0000000000..c4aa289855
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/desktop/document/document_with_toggle_heading_block_test.dart
@@ -0,0 +1,123 @@
+import 'package:appflowy/generated/flowy_svgs.g.dart';
+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.byFlowySvg(FlowySvgs.toolbar_text_format_m));
+
+ // tap the H1 button
+ await tester.tapButton(find.byFlowySvg(FlowySvgs.type_h1_m).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 _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();
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/document/document_with_toggle_list_test.dart b/frontend/appflowy_flutter/integration_test/desktop/document/document_with_toggle_list_test.dart
index 0f3bab2f8e..a4d011dccb 100644
--- a/frontend/appflowy_flutter/integration_test/desktop/document/document_with_toggle_list_test.dart
+++ b/frontend/appflowy_flutter/integration_test/desktop/document/document_with_toggle_list_test.dart
@@ -1,7 +1,9 @@
import 'dart:io';
+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/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_test/flutter_test.dart';
@@ -214,5 +216,73 @@ void main() {
expectToggleListOpened();
});
+
+ Future 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');
+ });
+
+ testWidgets('click the toggle list to create a new paragraph',
+ (tester) async {
+ await prepareToggleHeadingBlock(tester, '> # Hello');
+ final emptyHintText = find.text(
+ LocaleKeys.document_plugins_emptyToggleHeading.tr(
+ args: ['1'],
+ ),
+ );
+ expect(emptyHintText, findsOneWidget);
+
+ await tester.tapButton(emptyHintText);
+ await tester.pumpAndSettle();
+
+ // check the new paragraph is created
+ final editorState = tester.editor.getCurrentEditorState();
+ final node = editorState.getNodeAtPath([0, 0])!;
+ expect(node.type, ParagraphBlockKeys.type);
+ });
});
}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/first_test/first_test.dart b/frontend/appflowy_flutter/integration_test/desktop/first_test/first_test.dart
new file mode 100644
index 0000000000..36c0e391fb
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/desktop/first_test/first_test.dart
@@ -0,0 +1,17 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../../shared/util.dart';
+
+// This test is meaningless, just for preventing the CI from failing.
+void main() {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+ group('Empty', () {
+ testWidgets('empty test', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+ await tester.wait(500);
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/grid/grid_edit_row_test.dart b/frontend/appflowy_flutter/integration_test/desktop/grid/grid_edit_row_test.dart
new file mode 100644
index 0000000000..64b7a40ad1
--- /dev/null
+++ b/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);
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/grid/grid_filter_and_sort_test.dart b/frontend/appflowy_flutter/integration_test/desktop/grid/grid_filter_and_sort_test.dart
new file mode 100644
index 0000000000..c9fed5b02e
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/desktop/grid/grid_filter_and_sort_test.dart
@@ -0,0 +1,120 @@
+import 'package:appflowy_backend/protobuf/flowy-database2/protobuf.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../../shared/database_test_op.dart';
+import 'grid_test_extensions.dart';
+
+void main() {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+ group('grid simultaneous sort and filter test:', () {
+ // testWidgets('delete filter with active sort', (tester) async {
+ // await tester.openTestDatabase(v069GridFileName);
+
+ // // get grid data
+ // final original = tester.getGridRows();
+
+ // // add a filter
+ // await tester.tapDatabaseFilterButton();
+ // await tester.tapCreateFilterByFieldType(
+ // FieldType.Checkbox,
+ // 'Registration Complete',
+ // );
+
+ // // add a sort
+ // await tester.tapDatabaseSortButton();
+ // await tester.tapCreateSortByFieldType(FieldType.RichText, 'Name');
+
+ // final filteredAndSorted = [
+ // original[7],
+ // original[1],
+ // original[9],
+ // original[6],
+ // original[12],
+ // original[3],
+ // original[5],
+ // ];
+
+ // // verify grid data
+ // List actual = tester.getGridRows();
+ // expect(actual, orderedEquals(filteredAndSorted));
+
+ // // delete the filter
+ // await tester.tapFilterButtonInGrid('Registration Complete');
+ // await tester
+ // .tapDisclosureButtonInFinder(find.byType(CheckboxFilterEditor));
+ // await tester.tapDeleteFilterButtonInGrid();
+
+ // final sorted = [
+ // original[7],
+ // original[8],
+ // original[1],
+ // original[9],
+ // original[11],
+ // original[10],
+ // original[6],
+ // original[12],
+ // original[2],
+ // original[0],
+ // original[3],
+ // original[5],
+ // original[4],
+ // ];
+
+ // // verify grid data
+ // actual = tester.getGridRows();
+ // expect(actual, orderedEquals(sorted));
+ // });
+
+ testWidgets('delete sort with active fiilter', (tester) async {
+ await tester.openTestDatabase(v069GridFileName);
+
+ // get grid data
+ final original = tester.getGridRows();
+
+ // add a filter
+ await tester.tapDatabaseFilterButton();
+ await tester.tapCreateFilterByFieldType(
+ FieldType.Checkbox,
+ 'Registration Complete',
+ );
+
+ // add a sort
+ await tester.tapDatabaseSortButton();
+ await tester.tapCreateSortByFieldType(FieldType.RichText, 'Name');
+
+ final filteredAndSorted = [
+ original[7],
+ original[1],
+ original[9],
+ original[6],
+ original[12],
+ original[3],
+ original[5],
+ ];
+
+ // verify grid data
+ List actual = tester.getGridRows();
+ expect(actual, orderedEquals(filteredAndSorted));
+
+ // delete the sort
+ await tester.tapSortMenuInSettingBar();
+ await tester.tapDeleteAllSortsButton();
+
+ final filtered = [
+ original[1],
+ original[3],
+ original[5],
+ original[6],
+ original[7],
+ original[9],
+ original[12],
+ ];
+
+ // verify grid data
+ actual = tester.getGridRows();
+ expect(actual, orderedEquals(filtered));
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/grid/grid_reopen_test.dart b/frontend/appflowy_flutter/integration_test/desktop/grid/grid_reopen_test.dart
new file mode 100644
index 0000000000..a4363f7a83
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/desktop/grid/grid_reopen_test.dart
@@ -0,0 +1,183 @@
+import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/choicechip/checkbox.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';
+
+import '../../shared/database_test_op.dart';
+import '../../shared/util.dart';
+import 'grid_test_extensions.dart';
+
+void main() {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+ group('grid reopen test:', () {
+ testWidgets('base case', (tester) async {
+ await tester.openTestDatabase(v069GridFileName);
+
+ final expected = tester.getGridRows();
+
+ // go to another page and come back
+ await tester.openPage('Getting started');
+ await tester.openPage('v069', layout: ViewLayoutPB.Grid);
+
+ // verify grid data
+ final actual = tester.getGridRows();
+
+ expect(actual, orderedEquals(expected));
+ });
+
+ 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],
+ ];
+
+ // verify grid data
+ List actual = tester.getGridRows();
+ expect(actual, orderedEquals(sorted));
+
+ // go to another page and come back
+ await tester.openPage('Getting started');
+ await tester.openPage('v069', layout: ViewLayoutPB.Grid);
+
+ // verify grid data
+ actual = tester.getGridRows();
+ expect(actual, orderedEquals(sorted));
+
+ // delete sorts
+ // TODO(RS): Shouldn't the sort/filter list show automatically!?
+ await tester.tapDatabaseSortButton();
+ await tester.tapSortMenuInSettingBar();
+ await tester.tapDeleteAllSortsButton();
+
+ // verify grid data
+ actual = tester.getGridRows();
+ expect(actual, orderedEquals(unsorted));
+
+ // go to another page and come back
+ await tester.openPage('Getting started');
+ await tester.openPage('v069', layout: ViewLayoutPB.Grid);
+
+ // verify grid data
+ actual = tester.getGridRows();
+ expect(actual, orderedEquals(unsorted));
+ });
+
+ testWidgets('with filter configured', (tester) async {
+ await tester.openTestDatabase(v069GridFileName);
+
+ // get grid data
+ final unfiltered = tester.getGridRows();
+
+ // add a filter
+ await tester.tapDatabaseFilterButton();
+ await tester.tapCreateFilterByFieldType(
+ FieldType.Checkbox,
+ 'Registration Complete',
+ );
+
+ final filtered = [
+ unfiltered[1],
+ unfiltered[3],
+ unfiltered[5],
+ unfiltered[6],
+ unfiltered[7],
+ unfiltered[9],
+ unfiltered[12],
+ ];
+
+ // verify grid data
+ List actual = tester.getGridRows();
+ expect(actual, orderedEquals(filtered));
+
+ // go to another page and come back
+ await tester.openPage('Getting started');
+ await tester.openPage('v069', layout: ViewLayoutPB.Grid);
+
+ // verify grid data
+ actual = tester.getGridRows();
+ expect(actual, orderedEquals(filtered));
+
+ // delete the filter
+ // TODO(RS): Shouldn't the sort/filter list show automatically!?
+ await tester.tapDatabaseFilterButton();
+ await tester.tapFilterButtonInGrid('Registration Complete');
+ await tester
+ .tapDisclosureButtonInFinder(find.byType(CheckboxFilterEditor));
+ await tester.tapDeleteFilterButtonInGrid();
+
+ // verify grid data
+ actual = tester.getGridRows();
+ expect(actual, orderedEquals(unfiltered));
+
+ // go to another page and come back
+ await tester.openPage('Getting started');
+ await tester.openPage('v069', layout: ViewLayoutPB.Grid);
+
+ // verify grid data
+ actual = tester.getGridRows();
+ expect(actual, orderedEquals(unfiltered));
+ });
+
+ testWidgets('with both filter and sort configured', (tester) async {
+ await tester.openTestDatabase(v069GridFileName);
+
+ // get grid data
+ final original = tester.getGridRows();
+
+ // add a filter
+ await tester.tapDatabaseFilterButton();
+ await tester.tapCreateFilterByFieldType(
+ FieldType.Checkbox,
+ 'Registration Complete',
+ );
+
+ // add a sort
+ await tester.tapDatabaseSortButton();
+ await tester.tapCreateSortByFieldType(FieldType.RichText, 'Name');
+
+ final filteredAndSorted = [
+ original[7],
+ original[1],
+ original[9],
+ original[6],
+ original[12],
+ original[3],
+ original[5],
+ ];
+
+ // verify grid data
+ List actual = tester.getGridRows();
+ expect(actual, orderedEquals(filteredAndSorted));
+
+ // go to another page and come back
+ await tester.openPage('Getting started');
+ await tester.openPage('v069', layout: ViewLayoutPB.Grid);
+
+ // verify grid data
+ actual = tester.getGridRows();
+ expect(actual, orderedEquals(filteredAndSorted));
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/grid/grid_reorder_row_test.dart b/frontend/appflowy_flutter/integration_test/desktop/grid/grid_reorder_row_test.dart
new file mode 100644
index 0000000000..40f7252a91
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/desktop/grid/grid_reorder_row_test.dart
@@ -0,0 +1,214 @@
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/choicechip/checkbox.dart';
+import 'package:appflowy/workspace/presentation/home/menu/sidebar/space/shared_widget.dart';
+import 'package:appflowy_backend/protobuf/flowy-database2/protobuf.dart';
+import 'package:easy_localization/easy_localization.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';
+import 'grid_test_extensions.dart';
+
+void main() {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+ group('grid reorder row test:', () {
+ testWidgets('base case', (tester) async {
+ await tester.openTestDatabase(v069GridFileName);
+
+ // get grid data
+ final original = tester.getGridRows();
+
+ // reorder row
+ await tester.reorderRow(original[4], original[1]);
+
+ // verify grid data
+ List reordered = [
+ original[0],
+ original[4],
+ original[1],
+ original[2],
+ original[3],
+ original[5],
+ original[6],
+ original[7],
+ original[8],
+ original[9],
+ original[10],
+ original[11],
+ original[12],
+ ];
+ List actual = tester.getGridRows();
+ expect(actual, orderedEquals(reordered));
+
+ // reorder row
+ await tester.reorderRow(reordered[1], reordered[3]);
+
+ // verify grid data
+ reordered = [
+ original[0],
+ original[1],
+ original[2],
+ original[4],
+ original[3],
+ original[5],
+ original[6],
+ original[7],
+ original[8],
+ original[9],
+ original[10],
+ original[11],
+ original[12],
+ ];
+ actual = tester.getGridRows();
+ expect(actual, orderedEquals(reordered));
+
+ // reorder row
+ await tester.reorderRow(reordered[2], reordered[0]);
+
+ // verify grid data
+ reordered = [
+ original[2],
+ original[0],
+ original[1],
+ original[4],
+ original[3],
+ original[5],
+ original[6],
+ original[7],
+ original[8],
+ original[9],
+ original[10],
+ original[11],
+ original[12],
+ ];
+ actual = tester.getGridRows();
+ expect(actual, orderedEquals(reordered));
+ });
+
+ testWidgets('with active sort', (tester) async {
+ await tester.openTestDatabase(v069GridFileName);
+
+ // get grid data
+ final original = tester.getGridRows();
+
+ // add a sort
+ await tester.tapDatabaseSortButton();
+ await tester.tapCreateSortByFieldType(FieldType.RichText, 'Name');
+
+ // verify grid data
+ final sorted = [
+ original[7],
+ original[8],
+ original[1],
+ original[9],
+ original[11],
+ original[10],
+ original[6],
+ original[12],
+ original[2],
+ original[0],
+ original[3],
+ original[5],
+ original[4],
+ ];
+ List actual = tester.getGridRows();
+ expect(actual, orderedEquals(sorted));
+
+ // reorder row
+ await tester.reorderRow(original[4], original[1]);
+ expect(find.byType(ConfirmPopup), findsOneWidget);
+ await tester.tapButtonWithName(LocaleKeys.button_cancel.tr());
+
+ // verify grid data
+ actual = tester.getGridRows();
+ expect(actual, orderedEquals(sorted));
+ });
+
+ testWidgets('with active filter', (tester) async {
+ await tester.openTestDatabase(v069GridFileName);
+
+ // get grid data
+ final original = tester.getGridRows();
+
+ // add 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));
+
+ // reorder row
+ await tester.reorderRow(filtered[3], filtered[1]);
+
+ // verify grid data
+ List reordered = [
+ original[1],
+ original[6],
+ original[3],
+ original[5],
+ original[7],
+ original[9],
+ original[12],
+ ];
+ actual = tester.getGridRows();
+ expect(actual, orderedEquals(reordered));
+
+ // reorder row
+ await tester.reorderRow(reordered[3], reordered[5]);
+
+ // verify grid data
+ reordered = [
+ original[1],
+ original[6],
+ original[3],
+ original[7],
+ original[9],
+ original[5],
+ original[12],
+ ];
+ actual = tester.getGridRows();
+ expect(actual, orderedEquals(reordered));
+
+ // delete the filter
+ await tester.tapFilterButtonInGrid('Registration Complete');
+ await tester
+ .tapDisclosureButtonInFinder(find.byType(CheckboxFilterEditor));
+ await tester.tapDeleteFilterButtonInGrid();
+
+ // verify grid data
+ final expected = [
+ original[0],
+ original[1],
+ original[2],
+ original[6],
+ original[3],
+ original[4],
+ original[7],
+ original[8],
+ original[9],
+ original[5],
+ original[10],
+ original[11],
+ original[12],
+ ];
+ actual = tester.getGridRows();
+ expect(actual, orderedEquals(expected));
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/grid/grid_row_test.dart b/frontend/appflowy_flutter/integration_test/desktop/grid/grid_row_test.dart
new file mode 100644
index 0000000000..d7efb797f0
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/desktop/grid/grid_row_test.dart
@@ -0,0 +1,234 @@
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/choicechip/checkbox.dart';
+import 'package:appflowy/workspace/presentation/home/menu/sidebar/space/shared_widget.dart';
+import 'package:appflowy_backend/protobuf/flowy-database2/protobuf.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pbenum.dart';
+import 'package:collection/collection.dart';
+import 'package:easy_localization/easy_localization.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';
+
+import 'grid_test_extensions.dart';
+
+void main() {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+ group('grid row test:', () {
+ testWidgets('create from the bottom', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
+
+ final expected = tester.getGridRows();
+
+ // create row
+ await tester.tapCreateRowButtonInGrid();
+
+ final actual = tester.getGridRows();
+ expect(actual.slice(0, 3), orderedEquals(expected));
+ expect(actual.length, equals(4));
+ tester.assertNumberOfRowsInGridPage(4);
+ });
+
+ testWidgets('create from a row\'s menu', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
+
+ final expected = tester.getGridRows();
+
+ // create row
+ await tester.hoverOnFirstRowOfGrid();
+ await tester.tapCreateRowButtonAfterHoveringOnGridRow();
+
+ final actual = tester.getGridRows();
+ expect([actual[0], actual[2], actual[3]], orderedEquals(expected));
+ expect(actual.length, equals(4));
+ tester.assertNumberOfRowsInGridPage(4);
+ });
+
+ testWidgets('create 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));
+
+ // create row
+ await tester.hoverOnFirstRowOfGrid();
+ await tester.tapCreateRowButtonAfterHoveringOnGridRow();
+
+ // cancel
+ expect(find.byType(ConfirmPopup), findsOneWidget);
+ await tester.tapButtonWithName(LocaleKeys.button_cancel.tr());
+
+ // verify grid data
+ actual = tester.getGridRows();
+ expect(actual, orderedEquals(sorted));
+
+ // try again, but confirm this time
+ await tester.hoverOnFirstRowOfGrid();
+ await tester.tapCreateRowButtonAfterHoveringOnGridRow();
+ expect(find.byType(ConfirmPopup), findsOneWidget);
+ await tester.tapButtonWithName(LocaleKeys.button_remove.tr());
+
+ // verify grid data
+ actual = tester.getGridRows();
+ expect(actual.length, equals(14));
+ tester.assertNumberOfRowsInGridPage(14);
+ });
+
+ testWidgets('create 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));
+
+ // create row (one before and after the first row, and one at the bottom)
+ await tester.tapCreateRowButtonInGrid();
+ await tester.hoverOnFirstRowOfGrid();
+ await tester.tapCreateRowButtonAfterHoveringOnGridRow();
+ await tester.hoverOnFirstRowOfGrid(() async {
+ await tester.tapRowMenuButtonInGrid();
+ await tester.tapCreateRowAboveButtonInRowMenu();
+ });
+
+ actual = tester.getGridRows();
+ expect(actual.length, equals(10));
+ tester.assertNumberOfRowsInGridPage(10);
+ actual = [
+ actual[1],
+ actual[3],
+ actual[4],
+ actual[5],
+ actual[6],
+ actual[7],
+ actual[8],
+ ];
+ expect(actual, orderedEquals(filtered));
+
+ // 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(16));
+ tester.assertNumberOfRowsInGridPage(16);
+ actual = [
+ actual[0],
+ actual[2],
+ actual[4],
+ actual[5],
+ actual[6],
+ actual[7],
+ actual[8],
+ actual[9],
+ actual[10],
+ actual[11],
+ actual[12],
+ actual[13],
+ actual[14],
+ ];
+ expect(actual, orderedEquals(original));
+ });
+
+ 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 click the delete button
+ await tester.tapRowMenuButtonInGrid();
+ await tester.tapDeleteOnRowMenu();
+ });
+ 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);
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/grid/grid_test_extensions.dart b/frontend/appflowy_flutter/integration_test/desktop/grid/grid_test_extensions.dart
new file mode 100644
index 0000000000..c5a0b404e7
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/desktop/grid/grid_test_extensions.dart
@@ -0,0 +1,13 @@
+import 'package:appflowy/plugins/database/application/row/row_service.dart';
+import 'package:appflowy/plugins/database/grid/presentation/grid_page.dart';
+import 'package:flutter_test/flutter_test.dart';
+
+extension GridTestExtensions on WidgetTester {
+ List getGridRows() {
+ final databaseController =
+ widget(find.byType(GridPage)).databaseController;
+ return [
+ ...databaseController.rowCache.rowInfos.map((e) => e.rowId),
+ ];
+ }
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/grid/grid_test_runner_1.dart b/frontend/appflowy_flutter/integration_test/desktop/grid/grid_test_runner_1.dart
new file mode 100644
index 0000000000..ff42bb6cc2
--- /dev/null
+++ b/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.
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/reminder/document_reminder_test.dart b/frontend/appflowy_flutter/integration_test/desktop/reminder/document_reminder_test.dart
index 2a1f0fe3e4..bdfe2dae9f 100644
--- a/frontend/appflowy_flutter/integration_test/desktop/reminder/document_reminder_test.dart
+++ b/frontend/appflowy_flutter/integration_test/desktop/reminder/document_reminder_test.dart
@@ -15,7 +15,7 @@ import 'package:integration_test/integration_test.dart';
import '../../shared/base.dart';
import '../../shared/common_operations.dart';
-import '../../shared/editor_test_operations.dart';
+import '../../shared/document_test_operations.dart';
import '../../shared/expectation.dart';
import '../../shared/keyboard.dart';
diff --git a/frontend/appflowy_flutter/integration_test/desktop/settings/notifications_settings_test.dart b/frontend/appflowy_flutter/integration_test/desktop/settings/notifications_settings_test.dart
index 46550aa81a..570c482fb5 100644
--- a/frontend/appflowy_flutter/integration_test/desktop/settings/notifications_settings_test.dart
+++ b/frontend/appflowy_flutter/integration_test/desktop/settings/notifications_settings_test.dart
@@ -1,5 +1,5 @@
import 'package:appflowy/workspace/application/settings/settings_dialog_bloc.dart';
-import 'package:flutter/material.dart';
+import 'package:appflowy/workspace/presentation/widgets/toggle/toggle.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:integration_test/integration_test.dart';
@@ -8,8 +8,8 @@ import '../../shared/util.dart';
void main() {
IntegrationTestWidgetsFlutterBinding.ensureInitialized();
- group('board add row test', () {
- testWidgets('Add card from header', (tester) async {
+ group('notification test', () {
+ testWidgets('enable notification', (tester) async {
await tester.initializeAppFlowy();
await tester.tapAnonymousSignInButton();
@@ -17,25 +17,25 @@ void main() {
await tester.openSettingsPage(SettingsPage.notifications);
await tester.pumpAndSettle();
- final switchFinder = find.byType(Switch);
+ final toggleFinder = find.byType(Toggle).first;
// Defaults to enabled
- Switch switchWidget = tester.widget(switchFinder);
- expect(switchWidget.value, true);
+ Toggle toggleWidget = tester.widget(toggleFinder);
+ expect(toggleWidget.value, true);
// Disable
- await tester.tap(switchFinder);
+ await tester.tap(toggleFinder);
await tester.pumpAndSettle();
- switchWidget = tester.widget(switchFinder);
- expect(switchWidget.value, false);
+ toggleWidget = tester.widget(toggleFinder);
+ expect(toggleWidget.value, false);
// Enable again
- await tester.tap(switchFinder);
+ await tester.tap(toggleFinder);
await tester.pumpAndSettle();
- switchWidget = tester.widget(switchFinder);
- expect(switchWidget.value, true);
+ toggleWidget = tester.widget(toggleFinder);
+ expect(toggleWidget.value, true);
});
});
}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/settings/settings_billing_test.dart b/frontend/appflowy_flutter/integration_test/desktop/settings/settings_billing_test.dart
new file mode 100644
index 0000000000..a311eb8377
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/desktop/settings/settings_billing_test.dart
@@ -0,0 +1,50 @@
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../../shared/auth_operation.dart';
+import '../../shared/base.dart';
+import '../../shared/expectation.dart';
+import '../../shared/settings.dart';
+
+void main() {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+ group('Settings Billing', () {
+ testWidgets('Local auth cannot see plan+billing', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapSignInAsGuest();
+ await tester.expectToSeeHomePageWithGetStartedPage();
+
+ await tester.openSettings();
+ await tester.pumpAndSettle();
+
+ // We check that another settings page is present to ensure
+ // it's not a fluke
+ expect(
+ find.text(
+ LocaleKeys.settings_workspacePage_menuLabel.tr(),
+ skipOffstage: false,
+ ),
+ findsOneWidget,
+ );
+
+ expect(
+ find.text(
+ LocaleKeys.settings_planPage_menuLabel.tr(),
+ skipOffstage: false,
+ ),
+ findsNothing,
+ );
+
+ expect(
+ find.text(
+ LocaleKeys.settings_billingPage_menuLabel.tr(),
+ skipOffstage: false,
+ ),
+ findsNothing,
+ );
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/settings/settings_runner.dart b/frontend/appflowy_flutter/integration_test/desktop/settings/settings_runner.dart
index 3be373537b..617d495265 100644
--- a/frontend/appflowy_flutter/integration_test/desktop/settings/settings_runner.dart
+++ b/frontend/appflowy_flutter/integration_test/desktop/settings/settings_runner.dart
@@ -1,11 +1,15 @@
import 'package:integration_test/integration_test.dart';
import 'notifications_settings_test.dart' as notifications_settings_test;
-import 'user_language_test.dart' as user_language_test;
+import 'settings_billing_test.dart' as settings_billing_test;
+import 'shortcuts_settings_test.dart' as shortcuts_settings_test;
+import 'sign_in_page_settings_test.dart' as sign_in_page_settings_test;
void main() {
IntegrationTestWidgetsFlutterBinding.ensureInitialized();
notifications_settings_test.main();
- user_language_test.main();
+ settings_billing_test.main();
+ shortcuts_settings_test.main();
+ sign_in_page_settings_test.main();
}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/settings/shortcuts_settings_test.dart b/frontend/appflowy_flutter/integration_test/desktop/settings/shortcuts_settings_test.dart
new file mode 100644
index 0000000000..fe91becba6
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/desktop/settings/shortcuts_settings_test.dart
@@ -0,0 +1,94 @@
+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';
+
+void main() {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+ group('shortcuts:', () {
+ testWidgets('change and overwrite shortcut', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ await tester.openSettings();
+ await tester.openSettingsPage(SettingsPage.shortcuts);
+ await tester.pumpAndSettle();
+
+ final backspaceCmd =
+ LocaleKeys.settings_shortcutsPage_keybindings_backspace.tr();
+
+ // Input "Delete" into the search field
+ final inputField = find.descendant(
+ of: find.byType(SettingsShortcutsView),
+ matching: find.byType(TextField),
+ );
+ await tester.enterText(inputField, backspaceCmd);
+ await tester.pumpAndSettle();
+
+ await tester.hoverOnWidget(
+ find
+ .descendant(
+ of: find.byType(ShortcutSettingTile),
+ matching: find.text(backspaceCmd),
+ )
+ .first,
+ onHover: () async {
+ await tester.tap(find.byFlowySvg(FlowySvgs.edit_s));
+ await tester.pumpAndSettle();
+
+ await FlowyTestKeyboard.simulateKeyDownEvent(
+ [
+ LogicalKeyboardKey.delete,
+ LogicalKeyboardKey.enter,
+ ],
+ tester: tester,
+ );
+ await tester.pumpAndSettle();
+ },
+ );
+
+ // We expect to see conflict dialog
+ expect(
+ find.text(
+ LocaleKeys.settings_shortcutsPage_conflictDialog_confirmLabel.tr(),
+ ),
+ findsOneWidget,
+ );
+
+ // Press on confirm label
+ await tester.tap(
+ find.text(
+ LocaleKeys.settings_shortcutsPage_conflictDialog_confirmLabel.tr(),
+ ),
+ );
+ await tester.pumpAndSettle();
+
+ // We expect the first ShortcutSettingTile to have one
+ // [KeyBadge] with `delete` label
+ final first = tester.widget(find.byType(ShortcutSettingTile).first)
+ as ShortcutSettingTile;
+ expect(
+ first.command.command,
+ 'delete',
+ );
+
+ // And the second one which is `Delete left character` to have none
+ // as it will have been overwritten
+ final second = tester.widget(find.byType(ShortcutSettingTile).at(1))
+ as ShortcutSettingTile;
+ expect(
+ second.command.command,
+ '',
+ );
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/settings/sign_in_page_settings_test.dart b/frontend/appflowy_flutter/integration_test/desktop/settings/sign_in_page_settings_test.dart
new file mode 100644
index 0000000000..047e02da36
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/desktop/settings/sign_in_page_settings_test.dart
@@ -0,0 +1,116 @@
+import 'package:appflowy/env/cloud_env.dart';
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/user/presentation/screens/sign_in_screen/desktop_sign_in_screen.dart';
+import 'package:appflowy/workspace/presentation/settings/settings_dialog.dart';
+import 'package:appflowy/workspace/presentation/widgets/dialogs.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';
+
+void main() {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+ Finder findServerType(AuthenticatorType type) {
+ return find
+ .descendant(
+ of: find.byType(SettingsServerDropdownMenu),
+ matching: find.findTextInFlowyText(
+ type.label,
+ ),
+ )
+ .last;
+ }
+
+ group('sign-in page settings:', () {
+ testWidgets('change server type', (tester) async {
+ await tester.initializeAppFlowy();
+
+ // reset the app to the default state
+ await useAppFlowyBetaCloudWithURL(
+ kAppflowyCloudUrl,
+ AuthenticatorType.appflowyCloud,
+ );
+
+ // open the settings page
+ final settingsButton = find.byType(DesktopSignInSettingsButton);
+ await tester.tapButton(settingsButton);
+
+ expect(find.byType(SimpleSettingsDialog), findsOneWidget);
+
+ // the default type should be appflowy cloud
+ final appflowyCloudType = findServerType(AuthenticatorType.appflowyCloud);
+ expect(appflowyCloudType, findsOneWidget);
+
+ // change the server type to self-host
+ await tester.tapButton(appflowyCloudType);
+ final selfHostedButton = findServerType(
+ AuthenticatorType.appflowyCloudSelfHost,
+ );
+ await tester.tapButton(selfHostedButton);
+
+ // update server url
+ const serverUrl = 'https://self-hosted.appflowy.cloud';
+ await tester.enterText(
+ find.byKey(kSelfHostedTextInputFieldKey),
+ serverUrl,
+ );
+ await tester.pumpAndSettle();
+ // update the web url
+ const webUrl = 'https://self-hosted.appflowy.com';
+ await tester.enterText(
+ find.byKey(kSelfHostedWebTextInputFieldKey),
+ webUrl,
+ );
+ await tester.pumpAndSettle();
+ await tester.tapButton(
+ find.findTextInFlowyText(LocaleKeys.button_save.tr()),
+ );
+
+ // wait the app to restart, and the tooltip to disappear
+ await tester.pumpUntilNotFound(find.byType(DesktopToast));
+ await tester.pumpAndSettle(const Duration(milliseconds: 250));
+
+ // open settings page to check the result
+ await tester.tapButton(settingsButton);
+ await tester.pumpAndSettle(const Duration(milliseconds: 250));
+
+ // check the server type
+ expect(
+ findServerType(AuthenticatorType.appflowyCloudSelfHost),
+ findsOneWidget,
+ );
+ // check the server url
+ expect(
+ find.text(serverUrl),
+ findsOneWidget,
+ );
+ // check the web url
+ expect(
+ find.text(webUrl),
+ findsOneWidget,
+ );
+
+ // reset to appflowy cloud
+ await tester.tapButton(
+ findServerType(AuthenticatorType.appflowyCloudSelfHost),
+ );
+ // change the server type to appflowy cloud
+ await tester.tapButton(
+ findServerType(AuthenticatorType.appflowyCloud),
+ );
+
+ // wait the app to restart, and the tooltip to disappear
+ await tester.pumpUntilNotFound(find.byType(DesktopToast));
+ await tester.pumpAndSettle(const Duration(milliseconds: 250));
+
+ // check the server type
+ await tester.tapButton(settingsButton);
+ expect(
+ findServerType(AuthenticatorType.appflowyCloud),
+ findsOneWidget,
+ );
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/settings/user_language_test.dart b/frontend/appflowy_flutter/integration_test/desktop/settings/user_language_test.dart
deleted file mode 100644
index 6f56d5864e..0000000000
--- a/frontend/appflowy_flutter/integration_test/desktop/settings/user_language_test.dart
+++ /dev/null
@@ -1,70 +0,0 @@
-import 'dart:ui';
-
-import 'package:appflowy/workspace/application/settings/prelude.dart';
-import 'package:appflowy/workspace/presentation/settings/widgets/settings_language_view.dart';
-import 'package:flutter_test/flutter_test.dart';
-import 'package:integration_test/integration_test.dart';
-
-import '../../shared/util.dart';
-
-void main() {
- IntegrationTestWidgetsFlutterBinding.ensureInitialized();
-
- group('Settings: user language tests', () {
- testWidgets('select language, language changed', (tester) async {
- await tester.initializeAppFlowy();
-
- await tester.tapAnonymousSignInButton();
- await tester.expectToSeeHomePageWithGetStartedPage();
- await tester.openSettings();
-
- await tester.openSettingsPage(SettingsPage.language);
-
- final userLanguageFinder = find.descendant(
- of: find.byType(SettingsLanguageView),
- matching: find.byType(LanguageSelector),
- );
-
- // Grab current locale
- LanguageSelector userLanguage =
- tester.widget(userLanguageFinder);
- Locale currentLocale = userLanguage.currentLocale;
-
- // Open language selector
- await tester.tap(userLanguageFinder);
- await tester.pumpAndSettle();
-
- // Select first option that isn't default
- await tester.tap(find.byType(LanguageItem).at(1));
- await tester.pumpAndSettle();
-
- // Make sure the new locale is not the same as previous one
- userLanguage = tester.widget(userLanguageFinder);
- expect(
- userLanguage.currentLocale,
- isNot(equals(currentLocale)),
- reason: "new language shouldn't equal the previous selected language",
- );
-
- // Update the current locale to a new one
- currentLocale = userLanguage.currentLocale;
-
- // Tried the same flow for the second time
- // Open language selector
- await tester.tap(userLanguageFinder);
- await tester.pumpAndSettle();
-
- // Select second option that isn't default
- await tester.tap(find.byType(LanguageItem).at(2));
- await tester.pumpAndSettle();
-
- // Make sure the new locale is not the same as previous one
- userLanguage = tester.widget(userLanguageFinder);
- expect(
- userLanguage.currentLocale,
- isNot(equals(currentLocale)),
- reason: "new language shouldn't equal the previous selected language",
- );
- });
- });
-}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_expand_test.dart b/frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_expand_test.dart
index ff0df1c7da..ad18cf3de6 100644
--- a/frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_expand_test.dart
+++ b/frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_expand_test.dart
@@ -1,8 +1,12 @@
import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/plugins/inline_actions/widgets/inline_actions_handler.dart';
import 'package:appflowy/workspace/application/sidebar/folder/folder_bloc.dart';
-import 'package:appflowy/workspace/presentation/home/menu/sidebar/sidebar_folder.dart';
+import 'package:appflowy/workspace/presentation/home/menu/sidebar/shared/sidebar_folder.dart';
import 'package:appflowy/workspace/presentation/home/menu/view/view_item.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pbenum.dart';
+import 'package:appflowy_editor/appflowy_editor.dart';
import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/cupertino.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:integration_test/integration_test.dart';
@@ -12,8 +16,8 @@ void main() {
IntegrationTestWidgetsFlutterBinding.ensureInitialized();
group('sidebar expand test', () {
- bool isExpanded({required FolderCategoryType type}) {
- if (type == FolderCategoryType.private) {
+ bool isExpanded({required FolderSpaceType type}) {
+ if (type == FolderSpaceType.private) {
return find
.descendant(
of: find.byType(PrivateSectionFolder),
@@ -30,19 +34,96 @@ void main() {
await tester.tapAnonymousSignInButton();
// first time is expanded
- expect(isExpanded(type: FolderCategoryType.private), true);
+ expect(isExpanded(type: FolderSpaceType.private), true);
// collapse the personal folder
await tester.tapButton(
find.byTooltip(LocaleKeys.sideBar_clickToHidePrivate.tr()),
);
- expect(isExpanded(type: FolderCategoryType.private), false);
+ expect(isExpanded(type: FolderSpaceType.private), false);
// expand the personal folder
await tester.tapButton(
find.byTooltip(LocaleKeys.sideBar_clickToHidePrivate.tr()),
);
- expect(isExpanded(type: FolderCategoryType.private), true);
+ expect(isExpanded(type: FolderSpaceType.private), true);
+ });
+
+ testWidgets('Expanding with subpage', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+ const page1 = 'SubPageBloc', page2 = '$page1 2';
+ await tester.createNewPageWithNameUnderParent(name: page1);
+ await tester.createNewPageWithNameUnderParent(
+ name: page2,
+ parentName: page1,
+ );
+
+ await tester.expandOrCollapsePage(
+ pageName: gettingStarted,
+ layout: ViewLayoutPB.Document,
+ );
+
+ await tester.tapNewPageButton();
+
+ await tester.editor.tapLineOfEditorAt(0);
+ await tester.pumpAndSettle();
+ await tester.editor.showSlashMenu();
+ await tester.pumpAndSettle();
+
+ final slashMenu = find
+ .ancestor(
+ of: find.byType(SelectionMenuItemWidget),
+ matching: find.byWidgetPredicate(
+ (widget) => widget is Scrollable,
+ ),
+ )
+ .first;
+ final slashMenuItem = find.text(
+ LocaleKeys.document_slashMenu_name_linkedDoc.tr(),
+ );
+ await tester.scrollUntilVisible(
+ slashMenuItem,
+ 100,
+ scrollable: slashMenu,
+ duration: const Duration(milliseconds: 250),
+ );
+
+ final menuItemFinder = find.byWidgetPredicate(
+ (w) =>
+ w is SelectionMenuItemWidget &&
+ w.item.name == LocaleKeys.document_slashMenu_name_linkedDoc.tr(),
+ );
+
+ final menuItem =
+ menuItemFinder.evaluate().first.widget as SelectionMenuItemWidget;
+
+ /// tapSlashMenuItemWithName is not working, so invoke this function directly
+ menuItem.item.handler(
+ menuItem.editorState,
+ menuItem.menuService,
+ menuItemFinder.evaluate().first,
+ );
+
+ await tester.pumpAndSettle();
+ final actionHandler = find.byType(InlineActionsHandler);
+ final subPage = find.descendant(
+ of: actionHandler,
+ matching: find.text(page2, findRichText: true),
+ );
+ await tester.tapButton(subPage);
+
+ final subpageBlock = find.descendant(
+ of: find.byType(AppFlowyEditor),
+ matching: find.text(page2, findRichText: true),
+ );
+
+ expect(find.text(page2, findRichText: true), findsOneWidget);
+ await tester.tapButton(subpageBlock);
+
+ /// one is in SectionFolder, another one is in CoverTitle
+ /// the last one is in FlowyNavigation
+ expect(find.text(page2, findRichText: true), findsNWidgets(3));
});
});
}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_favorites_test.dart b/frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_favorites_test.dart
index 072764217c..3345ed30ab 100644
--- a/frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_favorites_test.dart
+++ b/frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_favorites_test.dart
@@ -1,5 +1,5 @@
import 'package:appflowy/workspace/application/sidebar/folder/folder_bloc.dart';
-import 'package:appflowy/workspace/presentation/home/menu/sidebar/folder/_favorite_folder.dart';
+import 'package:appflowy/workspace/presentation/home/menu/sidebar/favorites/favorite_folder.dart';
import 'package:appflowy/workspace/presentation/home/menu/view/view_item.dart';
import 'package:appflowy_popover/appflowy_popover.dart';
import 'package:flowy_infra_ui/style_widget/hover.dart';
@@ -46,7 +46,7 @@ void main() {
await tester.favoriteViewByName(names[1]);
expect(
tester.findFavoritePageName(names[1]),
- findsNWidgets(2),
+ findsNWidgets(1),
);
await tester.unfavoriteViewByName(gettingStarted);
@@ -120,9 +120,9 @@ void main() {
(widget) =>
widget is SingleInnerViewItem &&
widget.view.isFavorite &&
- widget.categoryType == FolderCategoryType.favorite,
+ widget.spaceType == FolderSpaceType.favorite,
),
- findsNWidgets(6),
+ findsNWidgets(3),
);
await tester.hoverOnPageName(
@@ -135,7 +135,7 @@ void main() {
expect(
tester.findAllFavoritePages(),
- findsNWidgets(3),
+ findsNWidgets(2),
);
await tester.hoverOnPageName(
@@ -168,7 +168,7 @@ void main() {
widget.isSelected != null &&
widget.isSelected!(),
),
- findsNWidgets(2),
+ findsNWidgets(1),
);
},
);
@@ -196,5 +196,58 @@ void main() {
await tester.pumpAndSettle();
},
);
+
+ testWidgets(
+ 'reorder favorites',
+ (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ /// there are no favorite views
+ final favorites = find.descendant(
+ of: find.byType(FavoriteFolder),
+ matching: find.byType(ViewItem),
+ );
+ expect(favorites, findsNothing);
+
+ /// create views and then favorite them
+ const pageNames = ['001', '002', '003'];
+ for (final name in pageNames) {
+ await tester.createNewPageWithNameUnderParent(name: name);
+ }
+ for (final name in pageNames) {
+ await tester.favoriteViewByName(name);
+ }
+ expect(favorites, findsNWidgets(pageNames.length));
+
+ final oldNames = favorites
+ .evaluate()
+ .map((e) => (e.widget as ViewItem).view.name)
+ .toList();
+ expect(oldNames, pageNames);
+
+ /// drag first to last
+ await tester.reorderFavorite(
+ fromName: '001',
+ toName: '003',
+ );
+ List newNames = favorites
+ .evaluate()
+ .map((e) => (e.widget as ViewItem).view.name)
+ .toList();
+ expect(newNames, ['002', '003', '001']);
+
+ /// drag first to second
+ await tester.reorderFavorite(
+ fromName: '002',
+ toName: '003',
+ );
+ newNames = favorites
+ .evaluate()
+ .map((e) => (e.widget as ViewItem).view.name)
+ .toList();
+ expect(newNames, ['003', '002', '001']);
+ },
+ );
});
}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_icon_test.dart b/frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_icon_test.dart
index 1782c0d0ba..2236f03960 100644
--- a/frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_icon_test.dart
+++ b/frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_icon_test.dart
@@ -1,76 +1,346 @@
+import 'package:appflowy/plugins/base/emoji/emoji_picker.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/base/emoji_picker_button.dart';
+import 'package:appflowy/shared/icon_emoji_picker/flowy_icon_emoji_picker.dart';
+import 'package:appflowy/shared/icon_emoji_picker/recent_icons.dart';
+import 'package:appflowy/workspace/presentation/widgets/view_title_bar.dart';
import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
+import 'package:flowy_infra_ui/style_widget/text_field.dart';
+import 'package:flowy_svg/flowy_svg.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:integration_test/integration_test.dart';
import '../../shared/base.dart';
import '../../shared/common_operations.dart';
+import '../../shared/emoji.dart';
import '../../shared/expectation.dart';
void main() {
- IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+ final emoji = EmojiIconData.emoji('😁');
- const emoji = '😁';
+ setUpAll(() {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+ RecentIcons.enable = false;
+ });
- group('Icon', () {
- testWidgets('Update page icon in sidebar', (tester) async {
- await tester.initializeAppFlowy();
- await tester.tapAnonymousSignInButton();
+ tearDownAll(() {
+ RecentIcons.enable = true;
+ });
- // create document, board, grid and calendar views
- for (final value in ViewLayoutPB.values) {
- await tester.createNewPageWithNameUnderParent(
- name: value.name,
- parentName: gettingStarted,
- layout: value,
- );
+ testWidgets('Update page emoji in sidebar', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
- // update its icon
- await tester.updatePageIconInSidebarByName(
- name: value.name,
- parentName: gettingStarted,
- layout: value,
- icon: emoji,
- );
-
- tester.expectViewHasIcon(
- value.name,
- value,
- emoji,
- );
+ // create document, board, grid and calendar views
+ for (final value in ViewLayoutPB.values) {
+ if (value == ViewLayoutPB.Chat) {
+ continue;
}
- });
+ await tester.createNewPageWithNameUnderParent(
+ name: value.name,
+ parentName: gettingStarted,
+ layout: value,
+ );
- testWidgets('Update page icon in title bar', (tester) async {
- await tester.initializeAppFlowy();
- await tester.tapAnonymousSignInButton();
+ // update its emoji
+ await tester.updatePageIconInSidebarByName(
+ name: value.name,
+ parentName: gettingStarted,
+ layout: value,
+ icon: emoji,
+ );
- // create document, board, grid and calendar views
- for (final value in ViewLayoutPB.values) {
- await tester.createNewPageWithNameUnderParent(
- name: value.name,
- parentName: gettingStarted,
- layout: value,
- );
+ tester.expectViewHasIcon(
+ value.name,
+ value,
+ emoji,
+ );
+ }
+ });
- // update its icon
- await tester.updatePageIconInTitleBarByName(
- name: value.name,
- layout: value,
- icon: emoji,
- );
+ testWidgets('Update page emoji in title bar', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
- tester.expectViewHasIcon(
- value.name,
- value,
- emoji,
- );
-
- tester.expectViewTitleHasIcon(
- value.name,
- value,
- emoji,
- );
+ // create document, board, grid and calendar views
+ for (final value in ViewLayoutPB.values) {
+ if (value == ViewLayoutPB.Chat) {
+ continue;
}
- });
+
+ await tester.createNewPageWithNameUnderParent(
+ name: value.name,
+ parentName: gettingStarted,
+ layout: value,
+ );
+
+ // update its emoji
+ await tester.updatePageIconInTitleBarByName(
+ name: value.name,
+ layout: value,
+ icon: emoji,
+ );
+
+ tester.expectViewHasIcon(
+ value.name,
+ value,
+ emoji,
+ );
+
+ tester.expectViewTitleHasIcon(
+ value.name,
+ value,
+ emoji,
+ );
+ }
+ });
+
+ testWidgets('Emoji Search Bar Get Focus', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ // create document, board, grid and calendar views
+ for (final value in ViewLayoutPB.values) {
+ if (value == ViewLayoutPB.Chat) {
+ continue;
+ }
+
+ await tester.createNewPageWithNameUnderParent(
+ name: value.name,
+ parentName: gettingStarted,
+ layout: value,
+ );
+
+ await tester.openPage(
+ value.name,
+ layout: value,
+ );
+ final title = find.descendant(
+ of: find.byType(ViewTitleBar),
+ matching: find.text(value.name),
+ );
+ await tester.tapButton(title);
+ await tester.tapButton(find.byType(EmojiPickerButton));
+
+ final emojiPicker = find.byType(FlowyEmojiPicker);
+ expect(emojiPicker, findsOneWidget);
+ final textField = find.descendant(
+ of: emojiPicker,
+ matching: find.byType(FlowyTextField),
+ );
+ expect(textField, findsOneWidget);
+ final textFieldWidget =
+ textField.evaluate().first.widget as FlowyTextField;
+ assert(textFieldWidget.focusNode!.hasFocus);
+ await tester.tapEmoji(emoji.emoji);
+ await tester.pumpAndSettle();
+ tester.expectViewHasIcon(
+ value.name,
+ value,
+ emoji,
+ );
+ }
+ });
+
+ testWidgets('Update page icon in sidebar', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+ final iconData = await tester.loadIcon();
+
+ // create document, board, grid and calendar views
+ for (final value in ViewLayoutPB.values) {
+ if (value == ViewLayoutPB.Chat) {
+ continue;
+ }
+ await tester.createNewPageWithNameUnderParent(
+ name: value.name,
+ parentName: gettingStarted,
+ layout: value,
+ );
+
+ // update its icon
+ await tester.updatePageIconInSidebarByName(
+ name: value.name,
+ parentName: gettingStarted,
+ layout: value,
+ icon: iconData,
+ );
+
+ tester.expectViewHasIcon(
+ value.name,
+ value,
+ iconData,
+ );
+ }
+ });
+
+ testWidgets('Update page icon in title bar', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+ final iconData = await tester.loadIcon();
+
+ // create document, board, grid and calendar views
+ for (final value in ViewLayoutPB.values) {
+ if (value == ViewLayoutPB.Chat) {
+ continue;
+ }
+
+ await tester.createNewPageWithNameUnderParent(
+ name: value.name,
+ parentName: gettingStarted,
+ layout: value,
+ );
+
+ // update its icon
+ await tester.updatePageIconInTitleBarByName(
+ name: value.name,
+ layout: value,
+ icon: iconData,
+ );
+
+ tester.expectViewHasIcon(
+ value.name,
+ value,
+ iconData,
+ );
+
+ tester.expectViewTitleHasIcon(
+ value.name,
+ value,
+ iconData,
+ );
+ }
+ });
+
+ testWidgets('Update page custom image icon in title bar', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ /// prepare local image
+ final iconData = await tester.prepareImageIcon();
+
+ // create document, board, grid and calendar views
+ for (final value in ViewLayoutPB.values) {
+ if (value == ViewLayoutPB.Chat) {
+ continue;
+ }
+
+ await tester.createNewPageWithNameUnderParent(
+ name: value.name,
+ parentName: gettingStarted,
+ layout: value,
+ );
+
+ // update its icon
+ await tester.updatePageIconInTitleBarByName(
+ name: value.name,
+ layout: value,
+ icon: iconData,
+ );
+
+ tester.expectViewHasIcon(
+ value.name,
+ value,
+ iconData,
+ );
+
+ tester.expectViewTitleHasIcon(
+ value.name,
+ value,
+ iconData,
+ );
+ }
+ });
+
+ testWidgets('Update page custom svg icon in title bar', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ /// prepare local image
+ final iconData = await tester.prepareSvgIcon();
+
+ // create document, board, grid and calendar views
+ for (final value in ViewLayoutPB.values) {
+ if (value == ViewLayoutPB.Chat) {
+ continue;
+ }
+
+ await tester.createNewPageWithNameUnderParent(
+ name: value.name,
+ parentName: gettingStarted,
+ layout: value,
+ );
+
+ // update its icon
+ await tester.updatePageIconInTitleBarByName(
+ name: value.name,
+ layout: value,
+ icon: iconData,
+ );
+
+ tester.expectViewHasIcon(
+ value.name,
+ value,
+ iconData,
+ );
+
+ tester.expectViewTitleHasIcon(
+ value.name,
+ value,
+ iconData,
+ );
+ }
+ });
+
+ testWidgets('Update page custom svg icon in title bar by pasting a link',
+ (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ /// prepare local image
+ const testIconLink =
+ 'https://beta.appflowy.cloud/api/file_storage/008e6f23-516b-4d8d-b1fe-2b75c51eee26/v1/blob/6bdf8dff%2D0e54%2D4d35%2D9981%2Dcde68bef1141/BGpLnRtb3AGBNgSJsceu70j83zevYKrMLzqsTIJcBeI=.svg';
+
+ /// create document, board, grid and calendar views
+ for (final value in ViewLayoutPB.values) {
+ if (value == ViewLayoutPB.Chat) {
+ continue;
+ }
+
+ await tester.createNewPageWithNameUnderParent(
+ name: value.name,
+ parentName: gettingStarted,
+ layout: value,
+ );
+
+ /// update its icon
+ await tester.updatePageIconInTitleBarByPasteALink(
+ name: value.name,
+ layout: value,
+ iconLink: testIconLink,
+ );
+
+ /// check if there is a svg in page
+ final pageName = tester.findPageName(
+ value.name,
+ layout: value,
+ );
+ final imageInPage = find.descendant(
+ of: pageName,
+ matching: find.byType(SvgPicture),
+ );
+ expect(imageInPage, findsOneWidget);
+
+ /// check if there is a svg in title
+ final imageInTitle = find.descendant(
+ of: find.byType(ViewTitleBar),
+ matching: find.byWidgetPredicate((w) {
+ if (w is! SvgPicture) return false;
+ final loader = w.bytesLoader;
+ if (loader is! SvgFileLoader) return false;
+ return loader.file.path.endsWith('.svg');
+ }),
+ );
+ expect(imageInTitle, findsOneWidget);
+ }
});
}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_recent_icon_test.dart b/frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_recent_icon_test.dart
new file mode 100644
index 0000000000..2b724ffac1
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_recent_icon_test.dart
@@ -0,0 +1,56 @@
+import 'package:appflowy/plugins/document/presentation/editor_plugins/base/emoji_picker_button.dart';
+import 'package:appflowy/shared/icon_emoji_picker/flowy_icon_emoji_picker.dart';
+import 'package:appflowy/shared/icon_emoji_picker/icon.dart';
+import 'package:appflowy/shared/icon_emoji_picker/icon_picker.dart';
+import 'package:appflowy/shared/icon_emoji_picker/recent_icons.dart';
+import 'package:appflowy/shared/icon_emoji_picker/tab.dart';
+import 'package:appflowy/workspace/presentation/widgets/view_title_bar.dart';
+import 'package:flutter_test/flutter_test.dart';
+
+import '../../shared/base.dart';
+import '../../shared/common_operations.dart';
+import '../../shared/expectation.dart';
+
+void main() {
+ testWidgets('Skip the empty group name icon in recent icons', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ /// clear local data
+ RecentIcons.clear();
+ await loadIconGroups();
+ final groups = kIconGroups!;
+ final List localIcons = [];
+ for (final e in groups) {
+ localIcons.addAll(e.icons.map((e) => RecentIcon(e, e.name)).toList());
+ }
+ await RecentIcons.putIcon(RecentIcon(localIcons.first.icon, ''));
+ await tester.openPage(gettingStarted);
+ final title = find.descendant(
+ of: find.byType(ViewTitleBar),
+ matching: find.text(gettingStarted),
+ );
+ await tester.tapButton(title);
+
+ /// tap emoji picker button
+ await tester.tapButton(find.byType(EmojiPickerButton));
+ expect(find.byType(FlowyIconEmojiPicker), findsOneWidget);
+
+ /// tap icon tab
+ final pickTab = find.byType(PickerTab);
+ final iconTab = find.descendant(
+ of: pickTab,
+ matching: find.text(PickerTabType.icon.tr),
+ );
+ await tester.tapButton(iconTab);
+
+ expect(find.byType(FlowyIconPicker), findsOneWidget);
+
+ /// no recent icons
+ final recentText = find.descendant(
+ of: find.byType(FlowyIconPicker),
+ matching: find.text('Recent'),
+ );
+ expect(recentText, findsNothing);
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_test.dart b/frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_test.dart
index d6e5431527..304e8e2e35 100644
--- a/frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_test.dart
+++ b/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);
});
@@ -39,6 +35,9 @@ void main() {
await tester.tapAnonymousSignInButton();
for (final layout in ViewLayoutPB.values) {
+ if (layout == ViewLayoutPB.Chat) {
+ continue;
+ }
// create a new page
final name = 'AppFlowy_$layout';
await tester.createNewPageWithNameUnderParent(
@@ -61,11 +60,13 @@ void main() {
expect(find.byType(GridPage), findsOneWidget);
break;
case ViewLayoutPB.Board:
- expect(find.byType(BoardPage), findsOneWidget);
+ expect(find.byType(DesktopBoardPage), findsOneWidget);
break;
case ViewLayoutPB.Calendar:
expect(find.byType(CalendarPage), findsOneWidget);
break;
+ case ViewLayoutPB.Chat:
+ break;
}
await tester.openPage(gettingStarted);
@@ -197,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);
},
);
});
diff --git a/frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_test_runner.dart b/frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_test_runner.dart
index 35bcf599ab..ef7d3dbc8b 100644
--- a/frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_test_runner.dart
+++ b/frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_test_runner.dart
@@ -2,9 +2,11 @@ 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_recent_icon_test.dart' as sidebar_recent_icon_test;
import 'sidebar_test.dart' as sidebar_test;
+import 'sidebar_view_item_test.dart' as sidebar_view_item_test;
-void startTesting() {
+void main() {
IntegrationTestWidgetsFlutterBinding.ensureInitialized();
// Sidebar integration tests
@@ -12,4 +14,6 @@ void startTesting() {
// sidebar_expanded_test.main();
sidebar_favorite_test.main();
sidebar_icon_test.main();
+ sidebar_view_item_test.main();
+ sidebar_recent_icon_test.main();
}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_view_item_test.dart b/frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_view_item_test.dart
new file mode 100644
index 0000000000..f2b721e686
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_view_item_test.dart
@@ -0,0 +1,57 @@
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/plugins/base/emoji/emoji_picker.dart';
+import 'package:appflowy/shared/icon_emoji_picker/flowy_icon_emoji_picker.dart';
+import 'package:appflowy/shared/icon_emoji_picker/recent_icons.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() {
+ setUpAll(() {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+ RecentIcons.enable = false;
+ });
+
+ tearDownAll(() {
+ RecentIcons.enable = true;
+ });
+
+ 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,
+ EmojiIconData.emoji(emoji),
+ );
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/uncategorized/appearance_settings_test.dart b/frontend/appflowy_flutter/integration_test/desktop/uncategorized/appearance_settings_test.dart
deleted file mode 100644
index 4b7848fd08..0000000000
--- a/frontend/appflowy_flutter/integration_test/desktop/uncategorized/appearance_settings_test.dart
+++ /dev/null
@@ -1,93 +0,0 @@
-import 'package:appflowy/util/font_family_extension.dart';
-import 'package:appflowy/workspace/application/appearance_defaults.dart';
-import 'package:appflowy/workspace/application/settings/prelude.dart';
-import 'package:appflowy/workspace/presentation/settings/widgets/settings_appearance/settings_appearance.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('appearance settings tests', () {
- testWidgets('after editing text field, button should be able to be clicked',
- (tester) async {
- await tester.initializeAppFlowy();
-
- await tester.tapAnonymousSignInButton();
- await tester.expectToSeeHomePageWithGetStartedPage();
- await tester.openSettings();
-
- await tester.openSettingsPage(SettingsPage.appearance);
-
- final dropDown = find.byKey(ThemeFontFamilySetting.popoverKey);
- await tester.tap(dropDown);
- await tester.pumpAndSettle();
-
- final textField = find.byKey(ThemeFontFamilySetting.textFieldKey);
- await tester.tap(textField);
- await tester.pumpAndSettle();
-
- await tester.enterText(textField, 'Abel');
- await tester.pumpAndSettle();
- final fontFamilyButton = find.byKey(const Key('Abel'));
-
- expect(fontFamilyButton, findsOneWidget);
- await tester.tap(fontFamilyButton);
- await tester.pumpAndSettle();
-
- // just switch the page and verify that the font family was set after that
- await tester.openSettingsPage(SettingsPage.files);
- await tester.openSettingsPage(SettingsPage.appearance);
-
- expect(find.textContaining('Abel'), findsOneWidget);
- });
-
- testWidgets('reset the font family', (tester) async {
- await tester.initializeAppFlowy();
-
- await tester.tapAnonymousSignInButton();
- await tester.expectToSeeHomePageWithGetStartedPage();
- await tester.openSettings();
-
- await tester.openSettingsPage(SettingsPage.appearance);
-
- final dropDown = find.byKey(ThemeFontFamilySetting.popoverKey);
- await tester.tap(dropDown);
- await tester.pumpAndSettle();
-
- final textField = find.byKey(ThemeFontFamilySetting.textFieldKey);
- await tester.tap(textField);
- await tester.pumpAndSettle();
-
- await tester.enterText(textField, 'Abel');
- await tester.pumpAndSettle();
- final fontFamilyButton = find.byKey(const Key('Abel'));
-
- expect(fontFamilyButton, findsOneWidget);
- await tester.tap(fontFamilyButton);
- await tester.pumpAndSettle();
-
- // just switch the page and verify that the font family was set after that
- await tester.openSettingsPage(SettingsPage.files);
- await tester.openSettingsPage(SettingsPage.appearance);
-
- final resetButton = find.byKey(ThemeFontFamilySetting.resetButtonKey);
- await tester.tap(resetButton);
- await tester.pumpAndSettle();
-
- // just switch the page and verify that the font family was set after that
- await tester.openSettingsPage(SettingsPage.files);
- await tester.openSettingsPage(SettingsPage.appearance);
-
- expect(
- find.textContaining(
- DefaultAppearanceSettings.kDefaultFontFamily.fontFamilyDisplayName,
- ),
- findsNWidgets(2),
- );
- });
- });
-}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/uncategorized/code_block_language_selector_test.dart b/frontend/appflowy_flutter/integration_test/desktop/uncategorized/code_block_language_selector_test.dart
new file mode 100644
index 0000000000..e522e2fc73
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/desktop/uncategorized/code_block_language_selector_test.dart
@@ -0,0 +1,91 @@
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/code_block/code_block_language_selector.dart';
+import 'package:appflowy_editor/appflowy_editor.dart';
+import 'package:appflowy_editor_plugins/appflowy_editor_plugins.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/base.dart';
+import '../../shared/common_operations.dart';
+import '../../shared/document_test_operations.dart';
+import '../document/document_codeblock_paste_test.dart';
+
+void main() {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+ testWidgets('Code Block Language Selector Test', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ /// create a new document
+ await tester.createNewPageWithNameUnderParent();
+
+ /// tap editor to get focus
+ await tester.tapButton(find.byType(AppFlowyEditor));
+
+ expect(find.byType(CodeBlockLanguageSelector), findsNothing);
+ await insertCodeBlockInDocument(tester);
+
+ ///tap button
+ await tester.hoverOnWidget(find.byType(CodeBlockComponentWidget));
+ await tester
+ .tapButtonWithName(LocaleKeys.document_codeBlock_language_auto.tr());
+ expect(find.byType(CodeBlockLanguageSelector), findsOneWidget);
+
+ for (var i = 0; i < 3; ++i) {
+ await onKey(tester, LogicalKeyboardKey.arrowDown);
+ }
+ for (var i = 0; i < 2; ++i) {
+ await onKey(tester, LogicalKeyboardKey.arrowUp);
+ }
+
+ await onKey(tester, LogicalKeyboardKey.enter);
+
+ final editorState = tester.editor.getCurrentEditorState();
+ String language = editorState
+ .getNodeAtPath([0])!
+ .attributes[CodeBlockKeys.language]
+ .toString();
+ expect(
+ language.toLowerCase(),
+ defaultCodeBlockSupportedLanguages.first.toLowerCase(),
+ );
+
+ await tester.hoverOnWidget(find.byType(CodeBlockComponentWidget));
+ await tester.tapButtonWithName(language);
+
+ await onKey(tester, LogicalKeyboardKey.arrowUp);
+ await onKey(tester, LogicalKeyboardKey.enter);
+
+ language = editorState
+ .getNodeAtPath([0])!
+ .attributes[CodeBlockKeys.language]
+ .toString();
+ expect(
+ language.toLowerCase(),
+ defaultCodeBlockSupportedLanguages.last.toLowerCase(),
+ );
+
+ await tester.hoverOnWidget(find.byType(CodeBlockComponentWidget));
+ await tester.tapButtonWithName(language);
+ tester.testTextInput.enterText("rust");
+ await onKey(tester, LogicalKeyboardKey.delete);
+ await onKey(tester, LogicalKeyboardKey.delete);
+ await onKey(tester, LogicalKeyboardKey.arrowDown);
+ tester.testTextInput.enterText("st");
+ await onKey(tester, LogicalKeyboardKey.arrowDown);
+ await onKey(tester, LogicalKeyboardKey.enter);
+ language = editorState
+ .getNodeAtPath([0])!
+ .attributes[CodeBlockKeys.language]
+ .toString();
+ expect(language.toLowerCase(), 'rust');
+ });
+}
+
+Future onKey(WidgetTester tester, LogicalKeyboardKey key) async {
+ await tester.simulateKeyEvent(key);
+ await tester.pumpAndSettle();
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/uncategorized/emoji_shortcut_test.dart b/frontend/appflowy_flutter/integration_test/desktop/uncategorized/emoji_shortcut_test.dart
index 554a6eecbf..d3226a3ad0 100644
--- a/frontend/appflowy_flutter/integration_test/desktop/uncategorized/emoji_shortcut_test.dart
+++ b/frontend/appflowy_flutter/integration_test/desktop/uncategorized/emoji_shortcut_test.dart
@@ -1,42 +1,166 @@
import 'dart:io';
-import 'package:appflowy/workspace/presentation/settings/widgets/emoji_picker/emoji_picker.dart';
-import 'package:appflowy_editor/appflowy_editor.dart';
-import 'package:appflowy_editor/src/editor/editor_component/service/editor.dart';
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/plugins/emoji/emoji_handler.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 '../../shared/keyboard.dart';
import '../../shared/util.dart';
void main() {
IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+ Future prepare(WidgetTester tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+ await tester.createNewPageWithNameUnderParent();
+ await tester.editor.tapLineOfEditorAt(0);
+ }
+
// May be better to move this to an existing test but unsure what it fits with
group('Keyboard shortcuts related to emojis', () {
testWidgets('cmd/ctrl+alt+e shortcut opens the emoji picker',
(tester) async {
- await tester.initializeAppFlowy();
- await tester.tapAnonymousSignInButton();
+ await prepare(tester);
- final Finder editor = find.byType(AppFlowyEditor);
- await tester.tap(editor);
- await tester.pumpAndSettle();
+ expect(find.byType(EmojiHandler), findsNothing);
- expect(find.byType(EmojiSelectionMenu), findsNothing);
-
- await FlowyTestKeyboard.simulateKeyDownEvent(
- [
- Platform.isMacOS
- ? LogicalKeyboardKey.meta
- : LogicalKeyboardKey.control,
- LogicalKeyboardKey.alt,
- LogicalKeyboardKey.keyE,
- ],
- tester: tester,
+ await tester.simulateKeyEvent(
+ LogicalKeyboardKey.keyE,
+ isAltPressed: true,
+ isMetaPressed: Platform.isMacOS,
+ isControlPressed: !Platform.isMacOS,
);
+ await tester.pumpAndSettle(Duration(seconds: 1));
+ expect(find.byType(EmojiHandler), findsOneWidget);
- expect(find.byType(EmojiSelectionMenu), findsOneWidget);
+ /// press backspace to hide the emoji picker
+ await tester.simulateKeyEvent(LogicalKeyboardKey.backspace);
+ expect(find.byType(EmojiHandler), findsNothing);
+ });
+
+ testWidgets('insert emoji by slash menu', (tester) async {
+ await prepare(tester);
+ await tester.editor.showSlashMenu();
+
+ /// show emoji picler
+ await tester.editor.tapSlashMenuItemWithName(
+ LocaleKeys.document_slashMenu_name_emoji.tr(),
+ offset: 100,
+ );
+ await tester.pumpAndSettle(Duration(seconds: 1));
+ expect(find.byType(EmojiHandler), findsOneWidget);
+ await tester.simulateKeyEvent(LogicalKeyboardKey.enter);
+ final firstNode =
+ tester.editor.getCurrentEditorState().getNodeAtPath([0])!;
+
+ /// except the emoji is in document
+ expect(firstNode.delta!.toPlainText().contains('😀'), true);
+ });
+ });
+
+ group('insert emoji by colon', () {
+ Future createNewDocumentAndShowEmojiList(
+ WidgetTester tester, {
+ String? search,
+ }) async {
+ await prepare(tester);
+ await tester.ime.insertText(':${search ?? 'a'}');
+ await tester.pumpAndSettle(Duration(seconds: 1));
+ }
+
+ testWidgets('insert with click', (tester) async {
+ await createNewDocumentAndShowEmojiList(tester);
+
+ /// emoji list is showing
+ final emojiHandler = find.byType(EmojiHandler);
+ expect(emojiHandler, findsOneWidget);
+ final emojiButtons =
+ find.descendant(of: emojiHandler, matching: find.byType(FlowyButton));
+ final firstTextFinder = find.descendant(
+ of: emojiButtons.first,
+ matching: find.byType(FlowyText),
+ );
+ final emojiText =
+ (firstTextFinder.evaluate().first.widget as FlowyText).text;
+
+ /// click first emoji item
+ await tester.tapButton(emojiButtons.first);
+ final firstNode =
+ tester.editor.getCurrentEditorState().getNodeAtPath([0])!;
+
+ /// except the emoji is in document
+ expect(emojiText.contains(firstNode.delta!.toPlainText()), true);
+ });
+
+ testWidgets('insert with arrow and enter', (tester) async {
+ await createNewDocumentAndShowEmojiList(tester);
+
+ /// emoji list is showing
+ final emojiHandler = find.byType(EmojiHandler);
+ expect(emojiHandler, findsOneWidget);
+ final emojiButtons =
+ find.descendant(of: emojiHandler, matching: find.byType(FlowyButton));
+
+ /// tap arrow down and arrow up
+ await tester.simulateKeyEvent(LogicalKeyboardKey.arrowUp);
+ await tester.simulateKeyEvent(LogicalKeyboardKey.arrowDown);
+
+ final firstTextFinder = find.descendant(
+ of: emojiButtons.first,
+ matching: find.byType(FlowyText),
+ );
+ final emojiText =
+ (firstTextFinder.evaluate().first.widget as FlowyText).text;
+
+ /// tap enter
+ await tester.simulateKeyEvent(LogicalKeyboardKey.enter);
+ final firstNode =
+ tester.editor.getCurrentEditorState().getNodeAtPath([0])!;
+
+ /// except the emoji is in document
+ expect(emojiText.contains(firstNode.delta!.toPlainText()), true);
+ });
+
+ testWidgets('insert with searching', (tester) async {
+ await createNewDocumentAndShowEmojiList(tester, search: 's');
+
+ /// search for `smiling eyes`, IME is not working, use keyboard input
+ final searchText = [
+ LogicalKeyboardKey.keyM,
+ LogicalKeyboardKey.keyI,
+ LogicalKeyboardKey.keyL,
+ LogicalKeyboardKey.keyI,
+ LogicalKeyboardKey.keyN,
+ LogicalKeyboardKey.keyG,
+ LogicalKeyboardKey.space,
+ LogicalKeyboardKey.keyE,
+ LogicalKeyboardKey.keyY,
+ LogicalKeyboardKey.keyE,
+ LogicalKeyboardKey.keyS,
+ ];
+
+ for (final key in searchText) {
+ await tester.simulateKeyEvent(key);
+ }
+
+ /// tap enter
+ await tester.simulateKeyEvent(LogicalKeyboardKey.enter);
+ final firstNode =
+ tester.editor.getCurrentEditorState().getNodeAtPath([0])!;
+
+ /// except the emoji is in document
+ expect(firstNode.delta!.toPlainText().contains('😄'), true);
+ });
+
+ testWidgets('start searching with sapce', (tester) async {
+ await createNewDocumentAndShowEmojiList(tester, search: ' ');
+
+ /// emoji list is showing
+ final emojiHandler = find.byType(EmojiHandler);
+ expect(emojiHandler, findsNothing);
});
});
}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/uncategorized/empty_test.dart b/frontend/appflowy_flutter/integration_test/desktop/uncategorized/empty_test.dart
deleted file mode 100644
index a058ff2281..0000000000
--- a/frontend/appflowy_flutter/integration_test/desktop/uncategorized/empty_test.dart
+++ /dev/null
@@ -1,16 +0,0 @@
-import 'package:flutter_test/flutter_test.dart';
-import 'package:integration_test/integration_test.dart';
-
-import '../../shared/util.dart';
-
-// This test is meaningless, just for preventing the CI from failing.
-void main() {
- IntegrationTestWidgetsFlutterBinding.ensureInitialized();
-
- group('Empty', () {
- testWidgets('toggle theme mode', (tester) async {
- await tester.initializeAppFlowy();
- await tester.tapAnonymousSignInButton();
- });
- });
-}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/uncategorized/hotkeys_test.dart b/frontend/appflowy_flutter/integration_test/desktop/uncategorized/hotkeys_test.dart
index e4226b0f5f..4a38dde920 100644
--- a/frontend/appflowy_flutter/integration_test/desktop/uncategorized/hotkeys_test.dart
+++ b/frontend/appflowy_flutter/integration_test/desktop/uncategorized/hotkeys_test.dart
@@ -1,11 +1,13 @@
import 'dart:io';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+
import 'package:appflowy/generated/locale_keys.g.dart';
import 'package:appflowy/workspace/application/settings/prelude.dart';
import 'package:appflowy/workspace/presentation/home/menu/sidebar/sidebar.dart';
import 'package:appflowy/workspace/presentation/settings/settings_dialog.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';
@@ -23,31 +25,35 @@ void main() {
await tester.expectToSeeHomePageWithGetStartedPage();
await tester.openSettings();
- await tester.openSettingsPage(SettingsPage.appearance);
+ await tester.openSettingsPage(SettingsPage.workspace);
await tester.pumpAndSettle();
- tester.expectToSeeText(
- LocaleKeys.settings_appearance_themeMode_system.tr(),
- );
+ final appFinder = find.byType(MaterialApp).first;
+ ThemeMode? themeMode = tester.widget(appFinder).themeMode;
+
+ expect(themeMode, ThemeMode.system);
await tester.tapButton(
find.bySemanticsLabel(
- LocaleKeys.settings_appearance_themeMode_system.tr(),
+ LocaleKeys.settings_workspacePage_appearance_options_light.tr(),
),
);
-
await tester.pumpAndSettle();
+ themeMode = tester.widget(appFinder).themeMode;
+ expect(themeMode, ThemeMode.light);
+
await tester.tapButton(
find.bySemanticsLabel(
- LocaleKeys.settings_appearance_themeMode_dark.tr(),
+ LocaleKeys.settings_workspacePage_appearance_options_dark.tr(),
),
);
+ await tester.pumpAndSettle();
- await tester.pumpAndSettle(const Duration(seconds: 1));
+ themeMode = tester.widget(appFinder).themeMode;
+ expect(themeMode, ThemeMode.dark);
await tester.tap(find.byType(SettingsDialog));
-
await tester.pumpAndSettle();
await FlowyTestKeyboard.simulateKeyDownEvent(
@@ -60,12 +66,10 @@ void main() {
],
tester: tester,
);
-
await tester.pumpAndSettle();
- tester.expectToSeeText(
- LocaleKeys.settings_appearance_themeMode_light.tr(),
- );
+ themeMode = tester.widget(appFinder).themeMode;
+ expect(themeMode, ThemeMode.light);
});
testWidgets('show or hide home menu', (tester) async {
diff --git a/frontend/appflowy_flutter/integration_test/desktop/uncategorized/import_files_test.dart b/frontend/appflowy_flutter/integration_test/desktop/uncategorized/import_files_test.dart
index ffe65ea7cc..84da89f6b7 100644
--- a/frontend/appflowy_flutter/integration_test/desktop/uncategorized/import_files_test.dart
+++ b/frontend/appflowy_flutter/integration_test/desktop/uncategorized/import_files_test.dart
@@ -1,5 +1,6 @@
import 'dart:io';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/plugins.dart';
import 'package:appflowy_editor/appflowy_editor.dart';
import 'package:flutter/services.dart';
import 'package:flutter_test/flutter_test.dart';
@@ -82,12 +83,12 @@ void main() {
HeadingBlockKeys.type,
);
expect(
- importedPageEditorState.getNodeAtPath([2])!.type,
+ importedPageEditorState.getNodeAtPath([1])!.type,
HeadingBlockKeys.type,
);
expect(
- importedPageEditorState.getNodeAtPath([4])!.type,
- TableBlockKeys.type,
+ importedPageEditorState.getNodeAtPath([2])!.type,
+ SimpleTableBlockKeys.type,
);
});
});
diff --git a/frontend/appflowy_flutter/integration_test/desktop/uncategorized/language_test.dart b/frontend/appflowy_flutter/integration_test/desktop/uncategorized/language_test.dart
index c48fcd8028..3c07a2df5e 100644
--- a/frontend/appflowy_flutter/integration_test/desktop/uncategorized/language_test.dart
+++ b/frontend/appflowy_flutter/integration_test/desktop/uncategorized/language_test.dart
@@ -1,4 +1,4 @@
-import 'package:appflowy/workspace/presentation/settings/widgets/settings_language_view.dart';
+import 'package:appflowy/user/presentation/screens/skip_log_in_screen.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:integration_test/integration_test.dart';
diff --git a/frontend/appflowy_flutter/integration_test/desktop/uncategorized/open_ai_smart_menu_test.dart b/frontend/appflowy_flutter/integration_test/desktop/uncategorized/open_ai_smart_menu_test.dart
deleted file mode 100644
index f739820d04..0000000000
--- a/frontend/appflowy_flutter/integration_test/desktop/uncategorized/open_ai_smart_menu_test.dart
+++ /dev/null
@@ -1,113 +0,0 @@
-import 'package:appflowy/plugins/document/presentation/editor_plugins/openai/service/openai_client.dart';
-import 'package:appflowy/startup/startup.dart';
-import 'package:appflowy_editor/appflowy_editor.dart';
-import 'package:appflowy_editor/src/render/toolbar/toolbar_widget.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 '../../shared/mock/mock_openai_repository.dart';
-import '../../shared/util.dart';
-
-void main() {
- IntegrationTestWidgetsFlutterBinding.ensureInitialized();
- const service = TestWorkspaceService(TestWorkspace.aiWorkSpace);
-
- group('integration tests for open-ai smart menu', () {
- setUpAll(() async => service.setUpAll());
- setUp(() async => service.setUp());
-
- testWidgets('testing selection on open-ai smart menu replace',
- (tester) async {
- final appFlowyEditor = await setUpOpenAITesting(tester);
- final editorState = appFlowyEditor.editorState;
-
- editorState.service.selectionService.updateSelection(
- Selection(
- start: Position(path: [1], offset: 4),
- end: Position(path: [1], offset: 10),
- ),
- );
- await tester.pumpAndSettle(const Duration(milliseconds: 500));
- await tester.pumpAndSettle();
-
- expect(find.byType(ToolbarWidget), findsAtLeastNWidgets(1));
-
- await tester.tap(find.byTooltip('AI Assistants'));
- await tester.pumpAndSettle(const Duration(milliseconds: 500));
-
- await tester.tap(find.text('Summarize'));
- await tester.pumpAndSettle();
-
- await tester
- .tap(find.byType(FlowyRichTextButton, skipOffstage: false).first);
- await tester.pumpAndSettle();
-
- expect(
- editorState.service.selectionService.currentSelection.value,
- Selection(
- start: Position(path: [1], offset: 4),
- end: Position(path: [1], offset: 84),
- ),
- );
- });
- testWidgets('testing selection on open-ai smart menu insert',
- (tester) async {
- final appFlowyEditor = await setUpOpenAITesting(tester);
- final editorState = appFlowyEditor.editorState;
-
- editorState.service.selectionService.updateSelection(
- Selection(
- start: Position(path: [1]),
- end: Position(path: [1], offset: 5),
- ),
- );
- await tester.pumpAndSettle(const Duration(milliseconds: 500));
- await tester.pumpAndSettle();
- expect(find.byType(ToolbarWidget), findsAtLeastNWidgets(1));
-
- await tester.tap(find.byTooltip('AI Assistants'));
- await tester.pumpAndSettle(const Duration(milliseconds: 500));
-
- await tester.tap(find.text('Summarize'));
- await tester.pumpAndSettle();
-
- await tester
- .tap(find.byType(FlowyRichTextButton, skipOffstage: false).at(1));
- await tester.pumpAndSettle();
-
- expect(
- editorState.service.selectionService.currentSelection.value,
- Selection(
- start: Position(path: [2]),
- end: Position(path: [3]),
- ),
- );
- });
- });
-}
-
-Future setUpOpenAITesting(WidgetTester tester) async {
- await tester.initializeAppFlowy();
- await mockOpenAIRepository();
-
- await simulateKeyDownEvent(LogicalKeyboardKey.controlLeft);
- await simulateKeyDownEvent(LogicalKeyboardKey.backslash);
- await tester.pumpAndSettle();
-
- final Finder editor = find.byType(AppFlowyEditor);
- await tester.tap(editor);
- await tester.pumpAndSettle();
- return tester.state(editor).widget as AppFlowyEditor;
-}
-
-Future mockOpenAIRepository() async {
- await getIt.unregister();
- getIt.registerFactoryAsync(
- () => Future.value(
- MockOpenAIRepository(),
- ),
- );
- return;
-}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/uncategorized/share_markdown_test.dart b/frontend/appflowy_flutter/integration_test/desktop/uncategorized/share_markdown_test.dart
index f73e61ea82..8c3c29ab77 100644
--- a/frontend/appflowy_flutter/integration_test/desktop/uncategorized/share_markdown_test.dart
+++ b/frontend/appflowy_flutter/integration_test/desktop/uncategorized/share_markdown_test.dart
@@ -1,12 +1,16 @@
+import 'dart:convert';
import 'dart:io';
-import 'package:appflowy/plugins/document/presentation/share/share_button.dart';
+import 'package:appflowy/plugins/shared/share/share_button.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pbenum.dart';
+import 'package:archive/archive.dart';
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 '../document/document_with_database_test.dart';
void main() {
IntegrationTestWidgetsFlutterBinding.ensureInitialized();
@@ -18,7 +22,7 @@ void main() {
// mock the file picker
final path = await mockSaveFilePath(
- p.join(context.applicationDataDirectory, 'test.md'),
+ p.join(context.applicationDataDirectory, 'test.zip'),
);
// click the share button and select markdown
await tester.tapShareButton();
@@ -28,10 +32,14 @@ void main() {
tester.expectToExportSuccess();
final file = File(path);
- final isExist = file.existsSync();
- expect(isExist, true);
- final markdown = file.readAsStringSync();
- expect(markdown, expectedMarkdown);
+ expect(file.existsSync(), true);
+ final archive = ZipDecoder().decodeBytes(file.readAsBytesSync());
+ for (final entry in archive) {
+ if (entry.isFile && entry.name.endsWith('.md')) {
+ final markdown = utf8.decode(entry.content);
+ expect(markdown, expectedMarkdown);
+ }
+ }
});
testWidgets(
@@ -51,13 +59,13 @@ void main() {
},
);
- final shareButton = find.byType(ShareActionList);
- final shareButtonState =
- tester.state(shareButton) as ShareActionListState;
+ final shareButton = find.byType(ShareButton);
+ final shareButtonState = tester.widget(shareButton) as ShareButton;
+
final path = await mockSaveFilePath(
p.join(
context.applicationDataDirectory,
- '${shareButtonState.name}.md',
+ '${shareButtonState.view.name}.zip',
),
);
@@ -69,10 +77,44 @@ void main() {
tester.expectToExportSuccess();
final file = File(path);
- final isExist = file.existsSync();
- expect(isExist, true);
+ expect(file.existsSync(), true);
+ final archive = ZipDecoder().decodeBytes(file.readAsBytesSync());
+ for (final entry in archive) {
+ if (entry.isFile && entry.name.endsWith('.md')) {
+ final markdown = utf8.decode(entry.content);
+ expect(markdown, expectedMarkdown);
+ }
+ }
},
);
+
+ testWidgets('share the markdown with database', (tester) async {
+ final context = await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+ await insertLinkedDatabase(tester, ViewLayoutPB.Grid);
+
+ // mock the file picker
+ final path = await mockSaveFilePath(
+ p.join(context.applicationDataDirectory, 'test.zip'),
+ );
+ // click the share button and select markdown
+ await tester.tapShareButton();
+ await tester.tapMarkdownButton();
+
+ // expect to see the success dialog
+ tester.expectToExportSuccess();
+
+ final file = File(path);
+ expect(file.existsSync(), true);
+ final archive = ZipDecoder().decodeBytes(file.readAsBytesSync());
+ bool hasCsvFile = false;
+ for (final entry in archive) {
+ if (entry.isFile && entry.name.endsWith('.csv')) {
+ hasCsvFile = true;
+ }
+ }
+ expect(hasCsvFile, true);
+ });
});
}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/uncategorized/switch_folder_test.dart b/frontend/appflowy_flutter/integration_test/desktop/uncategorized/switch_folder_test.dart
index 68db03d429..b9e1303279 100644
--- a/frontend/appflowy_flutter/integration_test/desktop/uncategorized/switch_folder_test.dart
+++ b/frontend/appflowy_flutter/integration_test/desktop/uncategorized/switch_folder_test.dart
@@ -101,7 +101,7 @@ void main() {
// open settings and restore the location
await tester.openSettings();
- await tester.openSettingsPage(SettingsPage.files);
+ await tester.openSettingsPage(SettingsPage.manageData);
await tester.restoreLocation();
expect(
diff --git a/frontend/appflowy_flutter/integration_test/desktop/uncategorized/tabs_test.dart b/frontend/appflowy_flutter/integration_test/desktop/uncategorized/tabs_test.dart
index 7deea4aae4..63ec958c54 100644
--- a/frontend/appflowy_flutter/integration_test/desktop/uncategorized/tabs_test.dart
+++ b/frontend/appflowy_flutter/integration_test/desktop/uncategorized/tabs_test.dart
@@ -1,17 +1,23 @@
+import 'dart:convert';
import 'dart:io';
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/shared/icon_emoji_picker/icon_picker.dart';
+import 'package:appflowy/shared/icon_emoji_picker/recent_icons.dart';
import 'package:appflowy/workspace/presentation/home/tabs/flowy_tab.dart';
import 'package:appflowy/workspace/presentation/home/tabs/tabs_manager.dart';
+import 'package:appflowy/workspace/presentation/widgets/tab_bar_item.dart';
import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flowy_svg/flowy_svg.dart';
+import 'package:flutter/gestures.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/base.dart';
-import '../../shared/common_operations.dart';
-import '../../shared/expectation.dart';
import '../../shared/keyboard.dart';
+import '../../shared/util.dart';
const _documentName = 'First Doc';
const _documentTwoName = 'Second Doc';
@@ -20,17 +26,12 @@ void main() {
IntegrationTestWidgetsFlutterBinding.ensureInitialized();
group('Tabs', () {
- testWidgets('Open AppFlowy and open/navigate/close tabs', (tester) async {
+ testWidgets('open/navigate/close tabs', (tester) async {
await tester.initializeAppFlowy();
await tester.tapAnonymousSignInButton();
- expect(
- find.descendant(
- of: find.byType(TabsManager),
- matching: find.byType(TabBar),
- ),
- findsNothing,
- );
+ // No tabs rendered yet
+ expect(find.byType(FlowyTab), findsNothing);
await tester.createNewPageWithNameUnderParent(name: _documentName);
@@ -44,7 +45,7 @@ void main() {
expect(
find.descendant(
- of: find.byType(TabBar),
+ of: find.byType(TabsManager),
matching: find.byType(FlowyTab),
),
findsNWidgets(3),
@@ -71,11 +72,300 @@ void main() {
expect(
find.descendant(
- of: find.byType(TabBar),
+ of: find.byType(TabsManager),
matching: find.byType(FlowyTab),
),
findsNWidgets(2),
);
});
+
+ testWidgets('right click show tab menu, close others', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ expect(
+ find.descendant(
+ of: find.byType(TabsManager),
+ matching: find.byType(TabBar),
+ ),
+ findsNothing,
+ );
+
+ await tester.createNewPageWithNameUnderParent(name: _documentName);
+ await tester.createNewPageWithNameUnderParent(name: _documentTwoName);
+
+ /// Open second menu item in a new tab
+ await tester.openAppInNewTab(gettingStarted, ViewLayoutPB.Document);
+
+ /// Open third menu item in a new tab
+ await tester.openAppInNewTab(_documentName, ViewLayoutPB.Document);
+
+ expect(
+ find.descendant(
+ of: find.byType(TabsManager),
+ matching: find.byType(FlowyTab),
+ ),
+ findsNWidgets(3),
+ );
+
+ /// Right click on second tab
+ await tester.tap(
+ buttons: kSecondaryButton,
+ find.descendant(
+ of: find.byType(FlowyTab),
+ matching: find.text(gettingStarted),
+ ),
+ );
+ await tester.pumpAndSettle();
+
+ expect(find.byType(TabMenu), findsOneWidget);
+
+ final firstTabFinder = find.descendant(
+ of: find.byType(FlowyTab),
+ matching: find.text(_documentTwoName),
+ );
+ final secondTabFinder = find.descendant(
+ of: find.byType(FlowyTab),
+ matching: find.text(gettingStarted),
+ );
+ final thirdTabFinder = find.descendant(
+ of: find.byType(FlowyTab),
+ matching: find.text(_documentName),
+ );
+
+ expect(firstTabFinder, findsOneWidget);
+ expect(secondTabFinder, findsOneWidget);
+ expect(thirdTabFinder, findsOneWidget);
+
+ // Close other tabs than the second item
+ await tester.tap(find.text(LocaleKeys.tabMenu_closeOthers.tr()));
+ await tester.pumpAndSettle();
+
+ // We expect to not find any tabs
+ expect(firstTabFinder, findsNothing);
+ expect(secondTabFinder, findsNothing);
+ expect(thirdTabFinder, findsNothing);
+
+ // Expect second tab to be current page (current page has breadcrumb, cover title,
+ // and in this case view name in sidebar)
+ expect(find.text(gettingStarted), findsNWidgets(3));
+ });
+
+ testWidgets('cannot close pinned tabs', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ expect(
+ find.descendant(
+ of: find.byType(TabsManager),
+ matching: find.byType(TabBar),
+ ),
+ findsNothing,
+ );
+
+ await tester.createNewPageWithNameUnderParent(name: _documentName);
+ await tester.createNewPageWithNameUnderParent(name: _documentTwoName);
+
+ // Open second menu item in a new tab
+ await tester.openAppInNewTab(gettingStarted, ViewLayoutPB.Document);
+
+ // Open third menu item in a new tab
+ await tester.openAppInNewTab(_documentName, ViewLayoutPB.Document);
+
+ expect(
+ find.descendant(
+ of: find.byType(TabsManager),
+ matching: find.byType(FlowyTab),
+ ),
+ findsNWidgets(3),
+ );
+
+ const firstTab = _documentTwoName;
+ const secondTab = gettingStarted;
+ const thirdTab = _documentName;
+
+ expect(tester.isTabAtIndex(firstTab, 0), isTrue);
+ expect(tester.isTabAtIndex(secondTab, 1), isTrue);
+ expect(tester.isTabAtIndex(thirdTab, 2), isTrue);
+
+ expect(tester.isTabPinned(gettingStarted), isFalse);
+
+ // Right click on second tab
+ await tester.openTabMenu(gettingStarted);
+ expect(find.byType(TabMenu), findsOneWidget);
+
+ // Pin second tab
+ await tester.tap(find.text(LocaleKeys.tabMenu_pinTab.tr()));
+ await tester.pumpAndSettle();
+
+ expect(tester.isTabPinned(gettingStarted), isTrue);
+
+ /// Right click on first unpinned tab (second tab)
+ await tester.openTabMenu(_documentTwoName);
+
+ // Close others
+ await tester.tap(find.text(LocaleKeys.tabMenu_closeOthers.tr()));
+ await tester.pumpAndSettle();
+
+ // We expect to find 2 tabs, the first pinned tab and the second tab
+ expect(find.byType(FlowyTab), findsNWidgets(2));
+ expect(tester.isTabAtIndex(gettingStarted, 0), isTrue);
+ expect(tester.isTabAtIndex(_documentTwoName, 1), isTrue);
+ });
+
+ testWidgets('pin/unpin tabs proper order', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ expect(
+ find.descendant(
+ of: find.byType(TabsManager),
+ matching: find.byType(TabBar),
+ ),
+ findsNothing,
+ );
+
+ await tester.createNewPageWithNameUnderParent(name: _documentName);
+ await tester.createNewPageWithNameUnderParent(name: _documentTwoName);
+
+ // Open second menu item in a new tab
+ await tester.openAppInNewTab(gettingStarted, ViewLayoutPB.Document);
+
+ // Open third menu item in a new tab
+ await tester.openAppInNewTab(_documentName, ViewLayoutPB.Document);
+
+ expect(
+ find.descendant(
+ of: find.byType(TabsManager),
+ matching: find.byType(FlowyTab),
+ ),
+ findsNWidgets(3),
+ );
+
+ const firstTabName = _documentTwoName;
+ const secondTabName = gettingStarted;
+ const thirdTabName = _documentName;
+
+ // Expect correct order
+ expect(tester.isTabAtIndex(firstTabName, 0), isTrue);
+ expect(tester.isTabAtIndex(secondTabName, 1), isTrue);
+ expect(tester.isTabAtIndex(thirdTabName, 2), isTrue);
+
+ // Pin second tab
+ await tester.openTabMenu(secondTabName);
+ await tester.tap(find.text(LocaleKeys.tabMenu_pinTab.tr()));
+ await tester.pumpAndSettle();
+
+ expect(tester.isTabPinned(secondTabName), isTrue);
+
+ // Expect correct order
+ expect(tester.isTabAtIndex(secondTabName, 0), isTrue);
+ expect(tester.isTabAtIndex(firstTabName, 1), isTrue);
+ expect(tester.isTabAtIndex(thirdTabName, 2), isTrue);
+
+ // Pin new second tab (first tab)
+ await tester.openTabMenu(firstTabName);
+ await tester.tap(find.text(LocaleKeys.tabMenu_pinTab.tr()));
+ await tester.pumpAndSettle();
+
+ expect(tester.isTabPinned(firstTabName), isTrue);
+ expect(tester.isTabPinned(secondTabName), isTrue);
+ expect(tester.isTabPinned(thirdTabName), isFalse);
+
+ expect(tester.isTabAtIndex(secondTabName, 0), isTrue);
+ expect(tester.isTabAtIndex(firstTabName, 1), isTrue);
+ expect(tester.isTabAtIndex(thirdTabName, 2), isTrue);
+
+ // Unpin second tab
+ await tester.openTabMenu(secondTabName);
+ await tester.tap(find.text(LocaleKeys.tabMenu_unpinTab.tr()));
+ await tester.pumpAndSettle();
+
+ expect(tester.isTabPinned(firstTabName), isTrue);
+ expect(tester.isTabPinned(secondTabName), isFalse);
+ expect(tester.isTabPinned(thirdTabName), isFalse);
+
+ expect(tester.isTabAtIndex(firstTabName, 0), isTrue);
+ expect(tester.isTabAtIndex(secondTabName, 1), isTrue);
+ expect(tester.isTabAtIndex(thirdTabName, 2), isTrue);
+ });
+
+ testWidgets('displaying icons in tab', (tester) async {
+ RecentIcons.enable = false;
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ final icon = await tester.loadIcon();
+ // update emoji
+ await tester.updatePageIconInSidebarByName(
+ name: gettingStarted,
+ parentName: gettingStarted,
+ layout: ViewLayoutPB.Document,
+ icon: icon,
+ );
+
+ /// create new page
+ await tester.createNewPageWithNameUnderParent(name: _documentName);
+
+ /// open new tab for [gettingStarted]
+ await tester.openAppInNewTab(gettingStarted, ViewLayoutPB.Document);
+
+ final tabs = find.descendant(
+ of: find.byType(TabsManager),
+ matching: find.byType(FlowyTab),
+ );
+ expect(tabs, findsNWidgets(2));
+
+ final svgInTab =
+ find.descendant(of: tabs.last, matching: find.byType(FlowySvg));
+ final svgWidget = svgInTab.evaluate().first.widget as FlowySvg;
+ final iconsData = IconsData.fromJson(jsonDecode(icon.emoji));
+ expect(svgWidget.svgString, iconsData.svgString);
+ });
});
}
+
+extension _TabsTester on WidgetTester {
+ bool isTabPinned(String tabName) {
+ final tabFinder = find.ancestor(
+ of: find.byWidgetPredicate(
+ (w) => w is ViewTabBarItem && w.view.name == tabName,
+ ),
+ matching: find.byType(FlowyTab),
+ );
+
+ final FlowyTab tabWidget = widget(tabFinder);
+ return tabWidget.pageManager.isPinned;
+ }
+
+ bool isTabAtIndex(String tabName, int index) {
+ final tabFinder = find.ancestor(
+ of: find.byWidgetPredicate(
+ (w) => w is ViewTabBarItem && w.view.name == tabName,
+ ),
+ matching: find.byType(FlowyTab),
+ );
+
+ final pluginId = (widget(tabFinder) as FlowyTab).pageManager.plugin.id;
+
+ final pluginIds = find
+ .byType(FlowyTab)
+ .evaluate()
+ .map((e) => (e.widget as FlowyTab).pageManager.plugin.id);
+
+ return pluginIds.elementAt(index) == pluginId;
+ }
+
+ Future openTabMenu(String tabName) async {
+ await tap(
+ buttons: kSecondaryButton,
+ find.ancestor(
+ of: find.byWidgetPredicate(
+ (w) => w is ViewTabBarItem && w.view.name == tabName,
+ ),
+ matching: find.byType(FlowyTab),
+ ),
+ );
+ await pumpAndSettle();
+ }
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/uncategorized/uncategorized_test_runner_1.dart b/frontend/appflowy_flutter/integration_test/desktop/uncategorized/uncategorized_test_runner_1.dart
new file mode 100644
index 0000000000..836cfe4ccd
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/desktop/uncategorized/uncategorized_test_runner_1.dart
@@ -0,0 +1,20 @@
+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 '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();
+ share_markdown_test.main();
+ import_files_test.main();
+ zoom_in_out_test.main();
+ // DON'T add more tests here.
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop/uncategorized/zoom_in_out_test.dart b/frontend/appflowy_flutter/integration_test/desktop/uncategorized/zoom_in_out_test.dart
new file mode 100644
index 0000000000..f0cddadf68
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/desktop/uncategorized/zoom_in_out_test.dart
@@ -0,0 +1,122 @@
+import 'package:appflowy/startup/tasks/app_window_size_manager.dart';
+import 'package:appflowy/workspace/presentation/home/hotkeys.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:hotkey_manager/hotkey_manager.dart';
+import 'package:integration_test/integration_test.dart';
+import 'package:universal_platform/universal_platform.dart';
+
+import '../../shared/base.dart';
+import '../../shared/common_operations.dart';
+
+void main() {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+ group('Zoom in/out:', () {
+ Future resetAppFlowyScaleFactor(
+ WindowSizeManager windowSizeManager,
+ ) async {
+ appflowyScaleFactor = 1.0;
+ await windowSizeManager.setScaleFactor(1.0);
+ }
+
+ testWidgets('Zoom in', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ double currentScaleFactor = 1.0;
+
+ // this value can't be defined in the setUp method, because the windowSizeManager is not initialized yet.
+ final windowSizeManager = WindowSizeManager();
+ await resetAppFlowyScaleFactor(windowSizeManager);
+
+ // zoom in 2 times
+ for (final keycode in zoomInKeyCodes) {
+ if (UniversalPlatform.isLinux &&
+ keycode.logicalKey == LogicalKeyboardKey.add) {
+ // Key LogicalKeyboardKey#79c9b(keyId: "0x0000002b", keyLabel: "+", debugName: "Add") not found in
+ // linux keyCode map
+ continue;
+ }
+
+ // test each keycode 2 times
+ for (var i = 0; i < 2; i++) {
+ await tester.simulateKeyEvent(
+ keycode.logicalKey,
+ isControlPressed: !UniversalPlatform.isMacOS,
+ isMetaPressed: UniversalPlatform.isMacOS,
+ // Register the physical key for the "Add" key, otherwise the test will fail and throw an error:
+ // Physical key for LogicalKeyboardKey#79c9b(keyId: "0x0000002b", keyLabel: "+", debugName: "Add")
+ // not found in known physical keys
+ physicalKey: keycode.logicalKey == LogicalKeyboardKey.add
+ ? PhysicalKeyboardKey.equal
+ : null,
+ );
+
+ await tester.pumpAndSettle();
+
+ currentScaleFactor += 0.1;
+
+ final scaleFactor = await windowSizeManager.getScaleFactor();
+ expect(currentScaleFactor, appflowyScaleFactor);
+ expect(currentScaleFactor, scaleFactor);
+ }
+ }
+ });
+
+ testWidgets('Reset zoom', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ final windowSizeManager = WindowSizeManager();
+
+ for (final keycode in resetZoomKeyCodes) {
+ await tester.simulateKeyEvent(
+ keycode.logicalKey,
+ isControlPressed: !UniversalPlatform.isMacOS,
+ isMetaPressed: UniversalPlatform.isMacOS,
+ );
+ await tester.pumpAndSettle();
+
+ final scaleFactor = await windowSizeManager.getScaleFactor();
+ expect(1.0, appflowyScaleFactor);
+ expect(1.0, scaleFactor);
+ }
+ });
+
+ testWidgets('Zoom out', (tester) async {
+ await tester.initializeAppFlowy();
+ await tester.tapAnonymousSignInButton();
+
+ double currentScaleFactor = 1.0;
+
+ final windowSizeManager = WindowSizeManager();
+ await resetAppFlowyScaleFactor(windowSizeManager);
+
+ // zoom out 2 times
+ for (final keycode in zoomOutKeyCodes) {
+ if (UniversalPlatform.isLinux &&
+ keycode.logicalKey == LogicalKeyboardKey.numpadSubtract) {
+ // Key LogicalKeyboardKey#2c39f(keyId: "0x20000022d", keyLabel: "Numpad Subtract", debugName: "Numpad
+ // Subtract") not found in linux keyCode map
+ continue;
+ }
+ // test each keycode 2 times
+ for (var i = 0; i < 2; i++) {
+ await tester.simulateKeyEvent(
+ keycode.logicalKey,
+ isControlPressed: !UniversalPlatform.isMacOS,
+ isMetaPressed: UniversalPlatform.isMacOS,
+ );
+ await tester.pumpAndSettle();
+
+ currentScaleFactor -= 0.1;
+
+ final scaleFactor = await windowSizeManager.getScaleFactor();
+ expect(currentScaleFactor, appflowyScaleFactor);
+ expect(currentScaleFactor, scaleFactor);
+ }
+ }
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop_runner_1.dart b/frontend/appflowy_flutter/integration_test/desktop_runner_1.dart
index e972f49fbb..c91ba21edb 100644
--- a/frontend/appflowy_flutter/integration_test/desktop_runner_1.dart
+++ b/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 main() async {
@@ -11,11 +10,7 @@ Future main() async {
Future 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.
}
diff --git a/frontend/appflowy_flutter/integration_test/desktop_runner_2.dart b/frontend/appflowy_flutter/integration_test/desktop_runner_2.dart
index 9053da8d18..99d6f7d58f 100644
--- a/frontend/appflowy_flutter/integration_test/desktop_runner_2.dart
+++ b/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_row_page_test.dart' as database_row_page_test;
-import 'desktop/database/database_row_test.dart' as database_row_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 main() async {
await runIntegration2OnDesktop();
@@ -21,20 +10,8 @@ Future main() async {
Future 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_row_test.main();
- database_setting_test.main();
- database_filter_test.main();
- database_sort_test.main();
- database_view_test.main();
- database_calendar_test.main();
-
+ database_test_runner_1.main();
// DON'T add more tests here. This is the second test runner for desktop.
}
diff --git a/frontend/appflowy_flutter/integration_test/desktop_runner_3.dart b/frontend/appflowy_flutter/integration_test/desktop_runner_3.dart
index 09a784d4fc..a9d3783f1d 100644
--- a/frontend/appflowy_flutter/integration_test/desktop_runner_3.dart
+++ b/frontend/appflowy_flutter/integration_test/desktop_runner_3.dart
@@ -1,16 +1,8 @@
import 'package:integration_test/integration_test.dart';
import 'desktop/board/board_test_runner.dart' as board_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/appearance_settings_test.dart'
- as appearance_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/first_test/first_test.dart' as first_test;
+import 'desktop/grid/grid_test_runner_1.dart' as grid_test_runner_1;
Future main() async {
await runIntegration3OnDesktop();
@@ -19,18 +11,9 @@ Future main() async {
Future 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();
- appearance_test_runner.main();
- settings_test_runner.main();
- share_markdown_test.main();
- import_files_test.main();
- sidebar_test_runner.startTesting();
- board_test_runner.startTesting();
- tabs_test.main();
+ board_test_runner.main();
+ grid_test_runner_1.main();
+ // DON'T add more tests here.
}
diff --git a/frontend/appflowy_flutter/integration_test/desktop_runner_4.dart b/frontend/appflowy_flutter/integration_test/desktop_runner_4.dart
new file mode 100644
index 0000000000..e51c711549
--- /dev/null
+++ b/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 main() async {
+ await runIntegration4OnDesktop();
+}
+
+Future runIntegration4OnDesktop() async {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+ first_test.main();
+
+ document_test_runner_2.main();
+ // DON'T add more tests here.
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop_runner_5.dart b/frontend/appflowy_flutter/integration_test/desktop_runner_5.dart
new file mode 100644
index 0000000000..be393e90c7
--- /dev/null
+++ b/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 main() async {
+ await runIntegration5OnDesktop();
+}
+
+Future runIntegration5OnDesktop() async {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+ first_test.main();
+
+ database_test_runner_2.main();
+ // DON'T add more tests here.
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop_runner_6.dart b/frontend/appflowy_flutter/integration_test/desktop_runner_6.dart
new file mode 100644
index 0000000000..a1c5627b20
--- /dev/null
+++ b/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 main() async {
+ await runIntegration6OnDesktop();
+}
+
+Future 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.
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop_runner_7.dart b/frontend/appflowy_flutter/integration_test/desktop_runner_7.dart
new file mode 100644
index 0000000000..0200591c57
--- /dev/null
+++ b/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 main() async {
+ await runIntegration7OnDesktop();
+}
+
+Future runIntegration7OnDesktop() async {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+ first_test.main();
+
+ document_test_runner_3.main();
+ // DON'T add more tests here.
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop_runner_8.dart b/frontend/appflowy_flutter/integration_test/desktop_runner_8.dart
new file mode 100644
index 0000000000..5a706e5dec
--- /dev/null
+++ b/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 main() async {
+ await runIntegration8OnDesktop();
+}
+
+Future runIntegration8OnDesktop() async {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+ first_test.main();
+
+ document_test_runner_4.main();
+ // DON'T add more tests here.
+}
diff --git a/frontend/appflowy_flutter/integration_test/desktop_runner_9.dart b/frontend/appflowy_flutter/integration_test/desktop_runner_9.dart
new file mode 100644
index 0000000000..451e24cdc1
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/desktop_runner_9.dart
@@ -0,0 +1,20 @@
+import 'package:integration_test/integration_test.dart';
+
+import 'desktop/database/database_icon_test.dart' as database_icon_test;
+import 'desktop/first_test/first_test.dart' as first_test;
+import 'desktop/uncategorized/code_block_language_selector_test.dart'
+ as code_language_selector;
+import 'desktop/uncategorized/tabs_test.dart' as tabs_test;
+
+Future main() async {
+ await runIntegration9OnDesktop();
+}
+
+Future runIntegration9OnDesktop() async {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+ first_test.main();
+ tabs_test.main();
+ code_language_selector.main();
+ database_icon_test.main();
+}
diff --git a/frontend/appflowy_flutter/integration_test/mobile/cloud/cloud_runner.dart b/frontend/appflowy_flutter/integration_test/mobile/cloud/cloud_runner.dart
new file mode 100644
index 0000000000..c2f3d7103a
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/mobile/cloud/cloud_runner.dart
@@ -0,0 +1,11 @@
+import 'document/publish_test.dart' as publish_test;
+import 'document/share_link_test.dart' as share_link_test;
+import 'space/space_test.dart' as space_test;
+import 'workspace/workspace_operations_test.dart' as workspace_operations_test;
+
+Future main() async {
+ workspace_operations_test.main();
+ share_link_test.main();
+ publish_test.main();
+ space_test.main();
+}
diff --git a/frontend/appflowy_flutter/integration_test/mobile/cloud/document/publish_test.dart b/frontend/appflowy_flutter/integration_test/mobile/cloud/document/publish_test.dart
new file mode 100644
index 0000000000..e6015d0896
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/mobile/cloud/document/publish_test.dart
@@ -0,0 +1,110 @@
+import 'package:appflowy/env/cloud_env.dart';
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/mobile/presentation/home/workspaces/create_workspace_menu.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('publish:', () {
+ testWidgets('''
+1. publish document
+2. update path name
+3. unpublish 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,
+ );
+
+ // update the path name
+ await tester.editor.clickMoreActionItemOnMobile(
+ LocaleKeys.shareAction_updatePathName.tr(),
+ );
+
+ const pathName1 = '???????????????';
+ const pathName2 = 'AppFlowy';
+
+ final textField = find.descendant(
+ of: find.byType(EditWorkspaceNameBottomSheet),
+ matching: find.byType(TextFormField),
+ );
+ await tester.enterText(textField, pathName1);
+ await tester.pumpAndSettle();
+
+ // wait 50ms to ensure the error message is shown
+ await tester.wait(50);
+
+ // click the confirm button
+ final confirmButton = find.text(LocaleKeys.button_confirm.tr());
+ await tester.tapButton(confirmButton);
+
+ // expect to see the update path name failed toast
+ final updatePathFailedText = find.text(
+ LocaleKeys.settings_sites_error_publishNameContainsInvalidCharacters
+ .tr(),
+ );
+ expect(updatePathFailedText, findsOneWidget);
+
+ // input the valid path name
+ await tester.enterText(textField, pathName2);
+ await tester.pumpAndSettle();
+ // click the confirm button
+ await tester.tapButton(confirmButton);
+
+ // wait 50ms to ensure the error message is shown
+ await tester.wait(50);
+
+ // expect to see the update path name success toast
+ final updatePathSuccessText = find.findTextInFlowyText(
+ LocaleKeys.settings_sites_success_updatePathNameSuccess.tr(),
+ );
+ expect(updatePathSuccessText, findsOneWidget);
+ await tester.pumpUntilNotFound(updatePathSuccessText);
+
+ // 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);
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/mobile/cloud/document/share_link_test.dart b/frontend/appflowy_flutter/integration_test/mobile/cloud/document/share_link_test.dart
new file mode 100644
index 0000000000..bf0ddc8711
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/mobile/cloud/document/share_link_test.dart
@@ -0,0 +1,42 @@
+import 'package:appflowy/env/cloud_env.dart';
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/shared/patterns/common_patterns.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/constants.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),
+ );
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/mobile/cloud/space/space_test.dart b/frontend/appflowy_flutter/integration_test/mobile/cloud/space/space_test.dart
new file mode 100644
index 0000000000..e7bf3afcc7
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/mobile/cloud/space/space_test.dart
@@ -0,0 +1,287 @@
+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/presentation/bottom_sheet/bottom_sheet.dart';
+import 'package:appflowy/mobile/presentation/home/space/manage_space_widget.dart';
+import 'package:appflowy/mobile/presentation/home/space/mobile_space_header.dart';
+import 'package:appflowy/mobile/presentation/home/space/mobile_space_menu.dart';
+import 'package:appflowy/mobile/presentation/home/space/space_menu_bottom_sheet.dart';
+import 'package:appflowy/mobile/presentation/home/space/widgets.dart';
+import 'package:appflowy/mobile/presentation/home/workspaces/create_workspace_menu.dart';
+import 'package:appflowy/shared/icon_emoji_picker/icon_picker.dart';
+import 'package:appflowy/workspace/application/sidebar/space/space_bloc.dart';
+import 'package:appflowy/workspace/application/view/view_ext.dart';
+import 'package:appflowy/workspace/presentation/home/menu/sidebar/space/space_icon_popup.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/protobuf.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/cupertino.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('space operations:', () {
+ Future openSpaceMenu(WidgetTester tester) async {
+ final spaceHeader = find.byType(MobileSpaceHeader);
+ await tester.tapButton(spaceHeader);
+ await tester.pumpUntilFound(find.byType(MobileSpaceMenu));
+ }
+
+ Future openSpaceMenuMoreOptions(
+ WidgetTester tester,
+ ViewPB space,
+ ) async {
+ final spaceMenuItemTrailing = find.byWidgetPredicate(
+ (w) => w is SpaceMenuItemTrailing && w.space.id == space.id,
+ );
+ final moreOptions = find.descendant(
+ of: spaceMenuItemTrailing,
+ matching: find.byWidgetPredicate(
+ (w) =>
+ w is FlowySvg &&
+ w.svg.path == FlowySvgs.workspace_three_dots_s.path,
+ ),
+ );
+ await tester.tapButton(moreOptions);
+ await tester.pumpUntilFound(find.byType(SpaceMenuMoreOptions));
+ }
+
+ // combine the tests together to reduce the CI time
+ testWidgets('''
+1. create a new space
+2. update the space name
+3. update the space permission
+4. update the space icon
+5. delete the space
+''', (tester) async {
+ await tester.initializeAppFlowy(
+ cloudType: AuthenticatorType.appflowyCloudSelfHost,
+ );
+ await tester.tapGoogleLoginInButton();
+ await tester.expectToSeeHomePageWithGetStartedPage();
+
+ // 1. create a new space
+ // click the space menu
+ await openSpaceMenu(tester);
+
+ // click the create a new space button
+ final createNewSpaceButton = find.text(
+ LocaleKeys.space_createNewSpace.tr(),
+ );
+ await tester.pumpUntilFound(createNewSpaceButton);
+ await tester.tapButton(createNewSpaceButton);
+
+ // input the new space name
+ final inputField = find.descendant(
+ of: find.byType(ManageSpaceWidget),
+ matching: find.byType(TextField),
+ );
+ const newSpaceName = 'AppFlowy';
+ await tester.enterText(inputField, newSpaceName);
+ await tester.pumpAndSettle();
+
+ // change the space permission to private
+ final permissionOption = find.byType(ManageSpacePermissionOption);
+ await tester.tapButton(permissionOption);
+ await tester.pumpAndSettle();
+
+ final privateOption = find.text(LocaleKeys.space_privatePermission.tr());
+ await tester.tapButton(privateOption);
+ await tester.pumpAndSettle();
+
+ // change the space icon color
+ final color = builtInSpaceColors[1];
+ final iconOption = find.descendant(
+ of: find.byType(ManageSpaceIconOption),
+ matching: find.byWidgetPredicate(
+ (w) => w is SpaceColorItem && w.color == color,
+ ),
+ );
+ await tester.tapButton(iconOption);
+ await tester.pumpAndSettle();
+
+ // change the space icon
+ final icon = kIconGroups![0].icons[1];
+ final iconItem = find.descendant(
+ of: find.byType(ManageSpaceIconOption),
+ matching: find.byWidgetPredicate(
+ (w) => w is SpaceIconItem && w.icon == icon,
+ ),
+ );
+ await tester.tapButton(iconItem);
+ await tester.pumpAndSettle();
+
+ // click the done button
+ final doneButton = find.descendant(
+ of: find.byWidgetPredicate(
+ (w) =>
+ w is BottomSheetHeader &&
+ w.title == LocaleKeys.space_createSpace.tr(),
+ ),
+ matching: find.text(LocaleKeys.button_done.tr()),
+ );
+ await tester.tapButton(doneButton);
+ await tester.pumpAndSettle();
+
+ // wait 100ms for the space to be created
+ await tester.wait(100);
+
+ // verify the space is created
+ await openSpaceMenu(tester);
+ final spaceItems = find.byType(MobileSpaceMenuItem);
+ // expect to see 3 space items, 2 are built-in, 1 is the new space
+ expect(spaceItems, findsNWidgets(3));
+ // convert the space item to a widget
+ final spaceWidget =
+ tester.widgetList(spaceItems).last;
+ final space = spaceWidget.space;
+ expect(space.name, newSpaceName);
+ expect(space.spacePermission, SpacePermission.private);
+ expect(space.spaceIcon, icon.iconPath);
+ expect(space.spaceIconColor, color);
+
+ // open the SpaceMenuMoreOptions menu
+ await openSpaceMenuMoreOptions(tester, space);
+
+ // 2. rename the space name
+ final renameOption = find.text(LocaleKeys.button_rename.tr());
+ await tester.tapButton(renameOption);
+ await tester.pumpUntilFound(find.byType(EditWorkspaceNameBottomSheet));
+
+ // input the new space name
+ final renameInputField = find.descendant(
+ of: find.byType(EditWorkspaceNameBottomSheet),
+ matching: find.byType(TextField),
+ );
+ const renameSpaceName = 'HelloWorld';
+ await tester.enterText(renameInputField, renameSpaceName);
+ await tester.pumpAndSettle();
+ await tester.tapButton(find.text(LocaleKeys.button_confirm.tr()));
+
+ // click the done button
+ await tester.pumpAndSettle();
+
+ final renameSuccess = find.text(
+ LocaleKeys.space_success_renameSpace.tr(),
+ );
+ await tester.pumpUntilNotFound(renameSuccess);
+
+ // check the space name is updated
+ await openSpaceMenu(tester);
+ final renameSpaceItem = find.descendant(
+ of: find.byType(MobileSpaceMenuItem),
+ matching: find.text(renameSpaceName),
+ );
+ expect(renameSpaceItem, findsOneWidget);
+
+ // 3. manage the space
+ await openSpaceMenuMoreOptions(tester, space);
+
+ final manageOption = find.text(LocaleKeys.space_manage.tr());
+ await tester.tapButton(manageOption);
+ await tester.pumpUntilFound(find.byType(ManageSpaceWidget));
+
+ // 3.1 rename the space
+ final textField = find.descendant(
+ of: find.byType(ManageSpaceWidget),
+ matching: find.byType(TextField),
+ );
+ await tester.enterText(textField, 'AppFlowy');
+ await tester.pumpAndSettle();
+
+ // 3.2 change the permission
+ final permissionOption2 = find.byType(ManageSpacePermissionOption);
+ await tester.tapButton(permissionOption2);
+ await tester.pumpAndSettle();
+
+ final publicOption = find.text(LocaleKeys.space_publicPermission.tr());
+ await tester.tapButton(publicOption);
+ await tester.pumpAndSettle();
+
+ // 3.3 change the icon
+ // change the space icon color
+ final color2 = builtInSpaceColors[2];
+ final iconOption2 = find.descendant(
+ of: find.byType(ManageSpaceIconOption),
+ matching: find.byWidgetPredicate(
+ (w) => w is SpaceColorItem && w.color == color2,
+ ),
+ );
+ await tester.tapButton(iconOption2);
+ await tester.pumpAndSettle();
+
+ // change the space icon
+ final icon2 = kIconGroups![0].icons[2];
+ final iconItem2 = find.descendant(
+ of: find.byType(ManageSpaceIconOption),
+ matching: find.byWidgetPredicate(
+ (w) => w is SpaceIconItem && w.icon == icon2,
+ ),
+ );
+ await tester.tapButton(iconItem2);
+ await tester.pumpAndSettle();
+
+ // click the done button
+ final doneButton2 = find.descendant(
+ of: find.byWidgetPredicate(
+ (w) =>
+ w is BottomSheetHeader &&
+ w.title == LocaleKeys.space_manageSpace.tr(),
+ ),
+ matching: find.text(LocaleKeys.button_done.tr()),
+ );
+ await tester.tapButton(doneButton2);
+ await tester.pumpAndSettle();
+
+ // check the space is updated
+ final spaceItems2 = find.byType(MobileSpaceMenuItem);
+ final spaceWidget2 =
+ tester.widgetList(spaceItems2).last;
+ final space2 = spaceWidget2.space;
+ expect(space2.name, 'AppFlowy');
+ expect(space2.spacePermission, SpacePermission.publicToAll);
+ expect(space2.spaceIcon, icon2.iconPath);
+ expect(space2.spaceIconColor, color2);
+ final manageSuccess = find.text(
+ LocaleKeys.space_success_updateSpace.tr(),
+ );
+ await tester.pumpUntilNotFound(manageSuccess);
+
+ // 4. duplicate the space
+ await openSpaceMenuMoreOptions(tester, space);
+ final duplicateOption = find.text(LocaleKeys.space_duplicate.tr());
+ await tester.tapButton(duplicateOption);
+ final duplicateSuccess = find.text(
+ LocaleKeys.space_success_duplicateSpace.tr(),
+ );
+ await tester.pumpUntilNotFound(duplicateSuccess);
+
+ // check the space is duplicated
+ await openSpaceMenu(tester);
+ final spaceItems3 = find.byType(MobileSpaceMenuItem);
+ expect(spaceItems3, findsNWidgets(4));
+
+ // 5. delete the space
+ await openSpaceMenuMoreOptions(tester, space);
+ final deleteOption = find.text(LocaleKeys.button_delete.tr());
+ await tester.tapButton(deleteOption);
+ final confirmDeleteButton = find.descendant(
+ of: find.byType(CupertinoDialogAction),
+ matching: find.text(LocaleKeys.button_delete.tr()),
+ );
+ await tester.tapButton(confirmDeleteButton);
+ final deleteSuccess = find.text(
+ LocaleKeys.space_success_deleteSpace.tr(),
+ );
+ await tester.pumpUntilNotFound(deleteSuccess);
+
+ // check the space is deleted
+ final spaceItems4 = find.byType(MobileSpaceMenuItem);
+ expect(spaceItems4, findsNWidgets(3));
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/mobile/cloud/workspace/workspace_operations_test.dart b/frontend/appflowy_flutter/integration_test/mobile/cloud/workspace/workspace_operations_test.dart
new file mode 100644
index 0000000000..210d1bcf0e
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/mobile/cloud/workspace/workspace_operations_test.dart
@@ -0,0 +1,41 @@
+import 'package:appflowy/env/cloud_env.dart';
+import 'package:appflowy/generated/locale_keys.g.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('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);
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/mobile/document/at_menu_test.dart b/frontend/appflowy_flutter/integration_test/mobile/document/at_menu_test.dart
new file mode 100644
index 0000000000..2b348d3a2e
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/mobile/document/at_menu_test.dart
@@ -0,0 +1,56 @@
+import 'package:appflowy/mobile/presentation/inline_actions/mobile_inline_actions_menu.dart';
+import 'package:appflowy/mobile/presentation/inline_actions/mobile_inline_actions_menu_group.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/mention/mention_page_block.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../../shared/util.dart';
+
+void main() {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+ const title = 'Test At Menu';
+
+ group('at menu', () {
+ testWidgets('show at menu', (tester) async {
+ await tester.launchInAnonymousMode();
+ await tester.createPageAndShowAtMenu(title);
+ final menuWidget = find.byType(MobileInlineActionsMenu);
+ expect(menuWidget, findsOneWidget);
+ });
+
+ testWidgets('search by at menu', (tester) async {
+ await tester.launchInAnonymousMode();
+ await tester.createPageAndShowAtMenu(title);
+ const searchText = gettingStarted;
+ await tester.ime.insertText(searchText);
+ final actionWidgets = find.byType(MobileInlineActionsWidget);
+ expect(actionWidgets, findsNWidgets(2));
+ });
+
+ testWidgets('tap at menu', (tester) async {
+ await tester.launchInAnonymousMode();
+ await tester.createPageAndShowAtMenu(title);
+ const searchText = gettingStarted;
+ await tester.ime.insertText(searchText);
+ final actionWidgets = find.byType(MobileInlineActionsWidget);
+ await tester.tap(actionWidgets.last);
+ expect(find.byType(MentionPageBlock), findsOneWidget);
+ });
+
+ testWidgets('create subpage with at menu', (tester) async {
+ await tester.launchInAnonymousMode();
+ await tester.createNewDocumentOnMobile(title);
+ await tester.editor.tapLineOfEditorAt(0);
+ const subpageName = 'Subpage';
+ await tester.ime.insertText('[[$subpageName');
+ await tester.pumpAndSettle();
+ final actionWidgets = find.byType(MobileInlineActionsWidget);
+ await tester.tapButton(actionWidgets.first);
+ final firstNode =
+ tester.editor.getCurrentEditorState().getNodeAtPath([0]);
+ assert(firstNode != null);
+ expect(firstNode!.delta?.toPlainText().contains('['), false);
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/mobile/document/document_test_runner.dart b/frontend/appflowy_flutter/integration_test/mobile/document/document_test_runner.dart
new file mode 100644
index 0000000000..90d5ca6d0d
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/mobile/document/document_test_runner.dart
@@ -0,0 +1,24 @@
+import 'package:integration_test/integration_test.dart';
+
+import 'at_menu_test.dart' as at_menu;
+import 'at_menu_test.dart' as at_menu_test;
+import 'page_style_test.dart' as page_style_test;
+import 'plus_menu_test.dart' as plus_menu_test;
+import 'simple_table_test.dart' as simple_table_test;
+import 'slash_menu_test.dart' as slash_menu;
+import 'title_test.dart' as title_test;
+import 'toolbar_test.dart' as toolbar_test;
+
+void main() {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+ // Document integration tests
+ title_test.main();
+ page_style_test.main();
+ plus_menu_test.main();
+ at_menu_test.main();
+ simple_table_test.main();
+ toolbar_test.main();
+ slash_menu.main();
+ at_menu.main();
+}
diff --git a/frontend/appflowy_flutter/integration_test/mobile/document/icon_test.dart b/frontend/appflowy_flutter/integration_test/mobile/document/icon_test.dart
new file mode 100644
index 0000000000..da7c7e92e7
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/mobile/document/icon_test.dart
@@ -0,0 +1,104 @@
+import 'package:appflowy/generated/flowy_svgs.g.dart';
+import 'package:appflowy/mobile/presentation/base/view_page/app_bar_buttons.dart';
+import 'package:appflowy/mobile/presentation/presentation.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/header/emoji_icon_widget.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/page_style/_page_style_icon.dart';
+import 'package:appflowy/shared/icon_emoji_picker/flowy_icon_emoji_picker.dart';
+import 'package:flutter/material.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('document title:', () {
+ testWidgets('update page custom image icon in title bar', (tester) async {
+ await tester.launchInAnonymousMode();
+
+ /// prepare local image
+ final iconData = await tester.prepareImageIcon();
+
+ /// create an empty page
+ await tester
+ .tapButton(find.byKey(BottomNavigationBarItemType.add.valueKey));
+
+ /// show Page style page
+ await tester.tapButton(find.byType(MobileViewPageLayoutButton));
+ final pageStyleIcon = find.byType(PageStyleIcon);
+ final iconInPageStyleIcon = find.descendant(
+ of: pageStyleIcon,
+ matching: find.byType(RawEmojiIconWidget),
+ );
+ expect(iconInPageStyleIcon, findsNothing);
+
+ /// show icon picker
+ await tester.tapButton(pageStyleIcon);
+
+ /// upload custom icon
+ await tester.pickImage(iconData);
+
+ /// check result
+ final documentPage = find.byType(MobileDocumentScreen);
+ final rawEmojiIconFinder = find
+ .descendant(
+ of: documentPage,
+ matching: find.byType(RawEmojiIconWidget),
+ )
+ .last;
+ final rawEmojiIconWidget =
+ rawEmojiIconFinder.evaluate().first.widget as RawEmojiIconWidget;
+ final iconDataInWidget = rawEmojiIconWidget.emoji;
+ expect(iconDataInWidget.type, FlowyIconType.custom);
+ final imageFinder =
+ find.descendant(of: rawEmojiIconFinder, matching: find.byType(Image));
+ expect(imageFinder, findsOneWidget);
+ });
+
+ testWidgets('update page custom svg icon in title bar', (tester) async {
+ await tester.launchInAnonymousMode();
+
+ /// prepare local image
+ final iconData = await tester.prepareSvgIcon();
+
+ /// create an empty page
+ await tester
+ .tapButton(find.byKey(BottomNavigationBarItemType.add.valueKey));
+
+ /// show Page style page
+ await tester.tapButton(find.byType(MobileViewPageLayoutButton));
+ final pageStyleIcon = find.byType(PageStyleIcon);
+ final iconInPageStyleIcon = find.descendant(
+ of: pageStyleIcon,
+ matching: find.byType(RawEmojiIconWidget),
+ );
+ expect(iconInPageStyleIcon, findsNothing);
+
+ /// show icon picker
+ await tester.tapButton(pageStyleIcon);
+
+ /// upload custom icon
+ await tester.pickImage(iconData);
+
+ /// check result
+ final documentPage = find.byType(MobileDocumentScreen);
+ final rawEmojiIconFinder = find
+ .descendant(
+ of: documentPage,
+ matching: find.byType(RawEmojiIconWidget),
+ )
+ .last;
+ final rawEmojiIconWidget =
+ rawEmojiIconFinder.evaluate().first.widget as RawEmojiIconWidget;
+ final iconDataInWidget = rawEmojiIconWidget.emoji;
+ expect(iconDataInWidget.type, FlowyIconType.custom);
+ final svgFinder = find.descendant(
+ of: rawEmojiIconFinder,
+ matching: find.byType(SvgPicture),
+ );
+ expect(svgFinder, findsOneWidget);
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/mobile/document/page_style_test.dart b/frontend/appflowy_flutter/integration_test/mobile/document/page_style_test.dart
new file mode 100644
index 0000000000..e3d3bc093f
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/mobile/document/page_style_test.dart
@@ -0,0 +1,163 @@
+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/view_page/app_bar_buttons.dart';
+import 'package:appflowy/mobile/presentation/bottom_sheet/bottom_sheet_buttons.dart';
+import 'package:appflowy/mobile/presentation/mobile_bottom_navigation_bar.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/page_style/_page_style_icon.dart';
+import 'package:appflowy/shared/icon_emoji_picker/recent_icons.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/emoji.dart';
+import '../../shared/util.dart';
+
+void main() {
+ setUpAll(() {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+ RecentIcons.enable = false;
+ });
+
+ tearDownAll(() {
+ RecentIcons.enable = true;
+ });
+
+ group('document page style:', () {
+ double getCurrentEditorFontSize() {
+ final editorPage = find
+ .byType(AppFlowyEditorPage)
+ .evaluate()
+ .single
+ .widget as AppFlowyEditorPage;
+ return editorPage.styleCustomizer
+ .style()
+ .textStyleConfiguration
+ .text
+ .fontSize!;
+ }
+
+ double getCurrentEditorLineHeight() {
+ final editorPage = find
+ .byType(AppFlowyEditorPage)
+ .evaluate()
+ .single
+ .widget as AppFlowyEditorPage;
+ return editorPage.styleCustomizer
+ .style()
+ .textStyleConfiguration
+ .lineHeight;
+ }
+
+ testWidgets('change font size in page style settings', (tester) async {
+ await tester.launchInAnonymousMode();
+
+ // click the getting start page
+ await tester.openPage(gettingStarted);
+ // click the layout button
+ await tester.tapButton(find.byType(MobileViewPageLayoutButton));
+ expect(getCurrentEditorFontSize(), PageStyleFontLayout.normal.fontSize);
+ // change font size from normal to large
+ await tester.tapSvgButton(FlowySvgs.m_font_size_large_s);
+ expect(getCurrentEditorFontSize(), PageStyleFontLayout.large.fontSize);
+ // change font size from large to small
+ await tester.tapSvgButton(FlowySvgs.m_font_size_small_s);
+ expect(getCurrentEditorFontSize(), PageStyleFontLayout.small.fontSize);
+ });
+
+ testWidgets('change line height in page style settings', (tester) async {
+ await tester.launchInAnonymousMode();
+
+ // click the getting start page
+ await tester.openPage(gettingStarted);
+ // click the layout button
+ await tester.tapButton(find.byType(MobileViewPageLayoutButton));
+ var lineHeight = getCurrentEditorLineHeight();
+ expect(
+ lineHeight,
+ PageStyleLineHeightLayout.normal.lineHeight,
+ );
+ // change line height from normal to large
+ await tester.tapSvgButton(FlowySvgs.m_layout_large_s);
+ await tester.pumpAndSettle();
+ lineHeight = getCurrentEditorLineHeight();
+ expect(
+ lineHeight,
+ PageStyleLineHeightLayout.large.lineHeight,
+ );
+ // change line height from large to small
+ await tester.tapSvgButton(FlowySvgs.m_layout_small_s);
+ lineHeight = getCurrentEditorLineHeight();
+ expect(
+ lineHeight,
+ PageStyleLineHeightLayout.small.lineHeight,
+ );
+ });
+
+ testWidgets('use built-in image as cover', (tester) async {
+ await tester.launchInAnonymousMode();
+
+ // click the getting start page
+ await tester.openPage(gettingStarted);
+ // click the layout button
+ await tester.tapButton(find.byType(MobileViewPageLayoutButton));
+ // toggle the preset button
+ await tester.tapSvgButton(FlowySvgs.m_page_style_presets_m);
+
+ // select the first preset
+ final firstBuiltInImage = find.byWidgetPredicate(
+ (widget) =>
+ widget is Image &&
+ widget.image is AssetImage &&
+ (widget.image as AssetImage).assetName ==
+ PageStyleCoverImageType.builtInImagePath('1'),
+ );
+ await tester.tap(firstBuiltInImage);
+
+ // click done button to exit the page style settings
+ await tester.tapButton(find.byType(BottomSheetDoneButton).first);
+
+ // check the cover
+ final builtInCover = find.descendant(
+ of: find.byType(DocumentImmersiveCover),
+ matching: firstBuiltInImage,
+ );
+ expect(builtInCover, findsOneWidget);
+ });
+
+ testWidgets('page style icon', (tester) async {
+ await tester.launchInAnonymousMode();
+
+ final createPageButton =
+ find.byKey(BottomNavigationBarItemType.add.valueKey);
+ await tester.tapButton(createPageButton);
+
+ /// toggle the preset button
+ await tester.tapSvgButton(FlowySvgs.m_layout_s);
+
+ /// select document plugins emoji
+ final pageStyleIcon = find.byType(PageStyleIcon);
+
+ /// there should be none of emoji
+ final noneText = find.text(LocaleKeys.pageStyle_none.tr());
+ expect(noneText, findsOneWidget);
+ await tester.tapButton(pageStyleIcon);
+
+ /// select an emoji
+ const emoji = '😄';
+ await tester.tapEmoji(emoji);
+ await tester.tapSvgButton(FlowySvgs.m_layout_s);
+ expect(noneText, findsNothing);
+ expect(
+ find.descendant(
+ of: pageStyleIcon,
+ matching: find.text(emoji),
+ ),
+ findsOneWidget,
+ );
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/mobile/document/plus_menu_test.dart b/frontend/appflowy_flutter/integration_test/mobile/document/plus_menu_test.dart
new file mode 100644
index 0000000000..b54c543f7e
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/mobile/document/plus_menu_test.dart
@@ -0,0 +1,119 @@
+import 'dart:async';
+
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/mobile/presentation/inline_actions/mobile_inline_actions_menu.dart';
+import 'package:appflowy/mobile/presentation/inline_actions/mobile_inline_actions_menu_group.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/mention/mention_page_block.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/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 plus menu:', () {
+ testWidgets('add the toggle heading blocks via plus menu', (tester) async {
+ await tester.launchInAnonymousMode();
+ await tester.createNewDocumentOnMobile('toggle heading blocks');
+
+ final editorState = tester.editor.getCurrentEditorState();
+ // focus on the editor
+ unawaited(
+ editorState.updateSelectionWithReason(
+ Selection.collapsed(Position(path: [0])),
+ reason: SelectionUpdateReason.uiEvent,
+ ),
+ );
+ await tester.pumpAndSettle();
+
+ // open the plus menu and select the toggle heading block
+ await tester.openPlusMenuAndClickButton(
+ LocaleKeys.document_slashMenu_name_toggleHeading1.tr(),
+ );
+
+ // check the block is inserted
+ final block1 = editorState.getNodeAtPath([0])!;
+ expect(block1.type, equals(ToggleListBlockKeys.type));
+ expect(block1.attributes[ToggleListBlockKeys.level], equals(1));
+
+ // click the expand button won't cancel the selection
+ await tester.tapButton(find.byIcon(Icons.arrow_right));
+ expect(
+ editorState.selection,
+ equals(Selection.collapsed(Position(path: [0]))),
+ );
+
+ // focus on the next line
+ unawaited(
+ editorState.updateSelectionWithReason(
+ Selection.collapsed(Position(path: [1])),
+ reason: SelectionUpdateReason.uiEvent,
+ ),
+ );
+ await tester.pumpAndSettle();
+
+ // open the plus menu and select the toggle heading block
+ await tester.openPlusMenuAndClickButton(
+ LocaleKeys.document_slashMenu_name_toggleHeading2.tr(),
+ );
+
+ // check the block is inserted
+ final block2 = editorState.getNodeAtPath([1])!;
+ expect(block2.type, equals(ToggleListBlockKeys.type));
+ expect(block2.attributes[ToggleListBlockKeys.level], equals(2));
+
+ // focus on the next line
+ await tester.pumpAndSettle();
+
+ // open the plus menu and select the toggle heading block
+ await tester.openPlusMenuAndClickButton(
+ LocaleKeys.document_slashMenu_name_toggleHeading3.tr(),
+ );
+
+ // check the block is inserted
+ final block3 = editorState.getNodeAtPath([2])!;
+ expect(block3.type, equals(ToggleListBlockKeys.type));
+ expect(block3.attributes[ToggleListBlockKeys.level], equals(3));
+
+ // wait a few milliseconds to ensure the selection is updated
+ await Future.delayed(const Duration(milliseconds: 100));
+ // check the selection is collapsed
+ expect(
+ editorState.selection,
+ equals(Selection.collapsed(Position(path: [2]))),
+ );
+ });
+
+ const title = 'Test Plus Menu';
+ testWidgets('show plus menu', (tester) async {
+ await tester.launchInAnonymousMode();
+ await tester.createPageAndShowPlusMenu(title);
+ final menuWidget = find.byType(MobileInlineActionsMenu);
+ expect(menuWidget, findsOneWidget);
+ });
+
+ testWidgets('search by plus menu', (tester) async {
+ await tester.launchInAnonymousMode();
+ await tester.createPageAndShowPlusMenu(title);
+ const searchText = gettingStarted;
+ await tester.ime.insertText(searchText);
+ final actionWidgets = find.byType(MobileInlineActionsWidget);
+ expect(actionWidgets, findsNWidgets(2));
+ });
+
+ testWidgets('tap plus menu', (tester) async {
+ await tester.launchInAnonymousMode();
+ await tester.createPageAndShowPlusMenu(title);
+ const searchText = gettingStarted;
+ await tester.ime.insertText(searchText);
+ final actionWidgets = find.byType(MobileInlineActionsWidget);
+ await tester.tap(actionWidgets.last);
+ expect(find.byType(MentionPageBlock), findsOneWidget);
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/mobile/document/simple_table_test.dart b/frontend/appflowy_flutter/integration_test/mobile/document/simple_table_test.dart
new file mode 100644
index 0000000000..546baebb31
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/mobile/document/simple_table_test.dart
@@ -0,0 +1,554 @@
+import 'dart:async';
+
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/simple_table/simple_table.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/simple_table/simple_table_widgets/_simple_table_bottom_sheet_actions.dart';
+import 'package:appflowy_editor/appflowy_editor.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../../shared/util.dart';
+
+void main() {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+ group('simple table:', () {
+ testWidgets('''
+1. insert a simple table via + menu
+2. insert a row above the table
+3. insert a row below the table
+4. insert a column left to the table
+5. insert a column right to the table
+6. delete the first row
+7. delete the first column
+''', (tester) async {
+ await tester.launchInAnonymousMode();
+ await tester.createNewDocumentOnMobile('simple table');
+
+ final editorState = tester.editor.getCurrentEditorState();
+ // focus on the editor
+ unawaited(
+ editorState.updateSelectionWithReason(
+ Selection.collapsed(Position(path: [0])),
+ reason: SelectionUpdateReason.uiEvent,
+ ),
+ );
+ await tester.pumpAndSettle();
+
+ final firstParagraphPath = [0, 0, 0, 0];
+
+ // open the plus menu and select the table block
+ {
+ await tester.openPlusMenuAndClickButton(
+ LocaleKeys.document_slashMenu_name_table.tr(),
+ );
+
+ // check the block is inserted
+ final table = editorState.getNodeAtPath([0])!;
+ expect(table.type, equals(SimpleTableBlockKeys.type));
+ expect(table.rowLength, equals(2));
+ expect(table.columnLength, equals(2));
+
+ // focus on the first cell
+
+ final selection = editorState.selection!;
+ expect(selection.isCollapsed, isTrue);
+ expect(selection.start.path, equals(firstParagraphPath));
+ }
+
+ // insert left and insert right
+ {
+ // click the column menu button
+ await tester.clickColumnMenuButton(0);
+
+ // insert left, insert right
+ await tester.tapButton(
+ find.findTextInFlowyText(
+ LocaleKeys.document_plugins_simpleTable_moreActions_insertLeft.tr(),
+ ),
+ );
+ await tester.tapButton(
+ find.findTextInFlowyText(
+ LocaleKeys.document_plugins_simpleTable_moreActions_insertRight
+ .tr(),
+ ),
+ );
+
+ await tester.cancelTableActionMenu();
+
+ // check the table is updated
+ final table = editorState.getNodeAtPath([0])!;
+ expect(table.type, equals(SimpleTableBlockKeys.type));
+ expect(table.rowLength, equals(2));
+ expect(table.columnLength, equals(4));
+ }
+
+ // insert above and insert below
+ {
+ // focus on the first cell
+ unawaited(
+ editorState.updateSelectionWithReason(
+ Selection.collapsed(Position(path: firstParagraphPath)),
+ reason: SelectionUpdateReason.uiEvent,
+ ),
+ );
+ await tester.pumpAndSettle();
+
+ // click the row menu button
+ await tester.clickRowMenuButton(0);
+
+ await tester.tapButton(
+ find.findTextInFlowyText(
+ LocaleKeys.document_plugins_simpleTable_moreActions_insertAbove
+ .tr(),
+ ),
+ );
+ await tester.tapButton(
+ find.findTextInFlowyText(
+ LocaleKeys.document_plugins_simpleTable_moreActions_insertBelow
+ .tr(),
+ ),
+ );
+ await tester.cancelTableActionMenu();
+
+ // check the table is updated
+ final table = editorState.getNodeAtPath([0])!;
+ expect(table.rowLength, equals(4));
+ expect(table.columnLength, equals(4));
+ }
+
+ // delete the first row
+ {
+ // focus on the first cell
+ unawaited(
+ editorState.updateSelectionWithReason(
+ Selection.collapsed(Position(path: firstParagraphPath)),
+ reason: SelectionUpdateReason.uiEvent,
+ ),
+ );
+ await tester.pumpAndSettle();
+
+ // delete the first row
+ await tester.clickRowMenuButton(0);
+ await tester.clickSimpleTableQuickAction(SimpleTableMoreAction.delete);
+ await tester.cancelTableActionMenu();
+
+ // check the table is updated
+ final table = editorState.getNodeAtPath([0])!;
+ expect(table.rowLength, equals(3));
+ expect(table.columnLength, equals(4));
+ }
+
+ // delete the first column
+ {
+ unawaited(
+ editorState.updateSelectionWithReason(
+ Selection.collapsed(Position(path: firstParagraphPath)),
+ reason: SelectionUpdateReason.uiEvent,
+ ),
+ );
+ await tester.pumpAndSettle();
+
+ await tester.clickColumnMenuButton(0);
+ await tester.clickSimpleTableQuickAction(SimpleTableMoreAction.delete);
+ await tester.cancelTableActionMenu();
+
+ // check the table is updated
+ final table = editorState.getNodeAtPath([0])!;
+ expect(table.rowLength, equals(3));
+ expect(table.columnLength, equals(3));
+ }
+ });
+
+ testWidgets('''
+1. insert a simple table via + menu
+2. enable header column
+3. enable header row
+4. set to page width
+5. distribute columns evenly
+''', (tester) async {
+ await tester.launchInAnonymousMode();
+ await tester.createNewDocumentOnMobile('simple table');
+
+ final editorState = tester.editor.getCurrentEditorState();
+ // focus on the editor
+ unawaited(
+ editorState.updateSelectionWithReason(
+ Selection.collapsed(Position(path: [0])),
+ reason: SelectionUpdateReason.uiEvent,
+ ),
+ );
+ await tester.pumpAndSettle();
+
+ final firstParagraphPath = [0, 0, 0, 0];
+
+ // open the plus menu and select the table block
+ {
+ await tester.openPlusMenuAndClickButton(
+ LocaleKeys.document_slashMenu_name_table.tr(),
+ );
+
+ // check the block is inserted
+ final table = editorState.getNodeAtPath([0])!;
+ expect(table.type, equals(SimpleTableBlockKeys.type));
+ expect(table.rowLength, equals(2));
+ expect(table.columnLength, equals(2));
+
+ // focus on the first cell
+
+ final selection = editorState.selection!;
+ expect(selection.isCollapsed, isTrue);
+ expect(selection.start.path, equals(firstParagraphPath));
+ }
+
+ // enable header column
+ {
+ // click the column menu button
+ await tester.clickColumnMenuButton(0);
+
+ // enable header column
+ await tester.tapButton(
+ find.findTextInFlowyText(
+ LocaleKeys.document_plugins_simpleTable_moreActions_headerColumn
+ .tr(),
+ ),
+ );
+ }
+
+ // enable header row
+ {
+ // focus on the first cell
+ unawaited(
+ editorState.updateSelectionWithReason(
+ Selection.collapsed(Position(path: firstParagraphPath)),
+ reason: SelectionUpdateReason.uiEvent,
+ ),
+ );
+ await tester.pumpAndSettle();
+
+ // click the row menu button
+ await tester.clickRowMenuButton(0);
+
+ // enable header column
+ await tester.tapButton(
+ find.findTextInFlowyText(
+ LocaleKeys.document_plugins_simpleTable_moreActions_headerRow.tr(),
+ ),
+ );
+ }
+
+ // check the table is updated
+ final table = editorState.getNodeAtPath([0])!;
+ expect(table.type, equals(SimpleTableBlockKeys.type));
+ expect(table.isHeaderColumnEnabled, isTrue);
+ expect(table.isHeaderRowEnabled, isTrue);
+
+ // disable header column
+ {
+ // focus on the first cell
+ unawaited(
+ editorState.updateSelectionWithReason(
+ Selection.collapsed(Position(path: firstParagraphPath)),
+ reason: SelectionUpdateReason.uiEvent,
+ ),
+ );
+ await tester.pumpAndSettle();
+
+ // click the row menu button
+ await tester.clickColumnMenuButton(0);
+
+ final toggleButton = find.descendant(
+ of: find.byType(SimpleTableHeaderActionButton),
+ matching: find.byType(CupertinoSwitch),
+ );
+ await tester.tapButton(toggleButton);
+ }
+
+ // enable header row
+ {
+ // focus on the first cell
+ unawaited(
+ editorState.updateSelectionWithReason(
+ Selection.collapsed(Position(path: firstParagraphPath)),
+ reason: SelectionUpdateReason.uiEvent,
+ ),
+ );
+ await tester.pumpAndSettle();
+
+ // click the row menu button
+ await tester.clickRowMenuButton(0);
+
+ // enable header column
+ final toggleButton = find.descendant(
+ of: find.byType(SimpleTableHeaderActionButton),
+ matching: find.byType(CupertinoSwitch),
+ );
+ await tester.tapButton(toggleButton);
+ }
+
+ // check the table is updated
+ expect(table.isHeaderColumnEnabled, isFalse);
+ expect(table.isHeaderRowEnabled, isFalse);
+
+ // set to page width
+ {
+ final table = editorState.getNodeAtPath([0])!;
+ final beforeWidth = table.width;
+ // focus on the first cell
+ unawaited(
+ editorState.updateSelectionWithReason(
+ Selection.collapsed(Position(path: firstParagraphPath)),
+ reason: SelectionUpdateReason.uiEvent,
+ ),
+ );
+ await tester.pumpAndSettle();
+
+ // click the row menu button
+ await tester.clickRowMenuButton(0);
+
+ // enable header column
+ await tester.tapButton(
+ find.findTextInFlowyText(
+ LocaleKeys.document_plugins_simpleTable_moreActions_setToPageWidth
+ .tr(),
+ ),
+ );
+
+ // check the table is updated
+ expect(table.width, greaterThan(beforeWidth));
+ }
+
+ // distribute columns evenly
+ {
+ final table = editorState.getNodeAtPath([0])!;
+ final beforeWidth = table.width;
+
+ // focus on the first cell
+ unawaited(
+ editorState.updateSelectionWithReason(
+ Selection.collapsed(Position(path: firstParagraphPath)),
+ reason: SelectionUpdateReason.uiEvent,
+ ),
+ );
+ await tester.pumpAndSettle();
+
+ // click the column menu button
+ await tester.clickColumnMenuButton(0);
+
+ // distribute columns evenly
+ await tester.tapButton(
+ find.findTextInFlowyText(
+ LocaleKeys
+ .document_plugins_simpleTable_moreActions_distributeColumnsWidth
+ .tr(),
+ ),
+ );
+
+ // check the table is updated
+ expect(table.width, equals(beforeWidth));
+ }
+ });
+
+ testWidgets('''
+1. insert a simple table via + menu
+2. bold
+3. clear content
+''', (tester) async {
+ await tester.launchInAnonymousMode();
+ await tester.createNewDocumentOnMobile('simple table');
+
+ final editorState = tester.editor.getCurrentEditorState();
+ // focus on the editor
+ unawaited(
+ editorState.updateSelectionWithReason(
+ Selection.collapsed(Position(path: [0])),
+ reason: SelectionUpdateReason.uiEvent,
+ ),
+ );
+ await tester.pumpAndSettle();
+
+ final firstParagraphPath = [0, 0, 0, 0];
+
+ // open the plus menu and select the table block
+ {
+ await tester.openPlusMenuAndClickButton(
+ LocaleKeys.document_slashMenu_name_table.tr(),
+ );
+
+ // check the block is inserted
+ final table = editorState.getNodeAtPath([0])!;
+ expect(table.type, equals(SimpleTableBlockKeys.type));
+ expect(table.rowLength, equals(2));
+ expect(table.columnLength, equals(2));
+
+ // focus on the first cell
+
+ final selection = editorState.selection!;
+ expect(selection.isCollapsed, isTrue);
+ expect(selection.start.path, equals(firstParagraphPath));
+ }
+
+ await tester.ime.insertText('Hello');
+
+ // enable bold
+ {
+ // click the column menu button
+ await tester.clickColumnMenuButton(0);
+
+ // enable bold
+ await tester.clickSimpleTableBoldContentAction();
+ await tester.cancelTableActionMenu();
+
+ // check the first cell is bold
+ final paragraph = editorState.getNodeAtPath(firstParagraphPath)!;
+ expect(paragraph.isInBoldColumn, isTrue);
+ }
+
+ // clear content
+ {
+ // focus on the first cell
+ unawaited(
+ editorState.updateSelectionWithReason(
+ Selection.collapsed(Position(path: firstParagraphPath)),
+ reason: SelectionUpdateReason.uiEvent,
+ ),
+ );
+ await tester.pumpAndSettle();
+
+ // click the column menu button
+ await tester.clickColumnMenuButton(0);
+
+ final clearContents = find.findTextInFlowyText(
+ LocaleKeys.document_plugins_simpleTable_moreActions_clearContents
+ .tr(),
+ );
+
+ // clear content
+ final scrollable = find.descendant(
+ of: find.byType(SimpleTableBottomSheet),
+ matching: find.byType(Scrollable),
+ );
+ await tester.scrollUntilVisible(
+ clearContents,
+ 100,
+ scrollable: scrollable,
+ );
+ await tester.tapButton(clearContents);
+ await tester.cancelTableActionMenu();
+
+ // check the first cell is empty
+ final paragraph = editorState.getNodeAtPath(firstParagraphPath)!;
+ expect(paragraph.delta!, isEmpty);
+ }
+ });
+
+ testWidgets('''
+1. insert a simple table via + menu
+2. insert a heading block in table cell
+''', (tester) async {
+ await tester.launchInAnonymousMode();
+ await tester.createNewDocumentOnMobile('simple table');
+
+ final editorState = tester.editor.getCurrentEditorState();
+ // focus on the editor
+ unawaited(
+ editorState.updateSelectionWithReason(
+ Selection.collapsed(Position(path: [0])),
+ reason: SelectionUpdateReason.uiEvent,
+ ),
+ );
+ await tester.pumpAndSettle();
+
+ final firstParagraphPath = [0, 0, 0, 0];
+
+ // open the plus menu and select the table block
+ {
+ await tester.openPlusMenuAndClickButton(
+ LocaleKeys.document_slashMenu_name_table.tr(),
+ );
+
+ // check the block is inserted
+ final table = editorState.getNodeAtPath([0])!;
+ expect(table.type, equals(SimpleTableBlockKeys.type));
+ expect(table.rowLength, equals(2));
+ expect(table.columnLength, equals(2));
+
+ // focus on the first cell
+
+ final selection = editorState.selection!;
+ expect(selection.isCollapsed, isTrue);
+ expect(selection.start.path, equals(firstParagraphPath));
+ }
+
+ // open the plus menu and select the heading block
+ {
+ await tester.openPlusMenuAndClickButton(
+ LocaleKeys.editor_heading1.tr(),
+ );
+
+ // check the heading block is inserted
+ final heading = editorState.getNodeAtPath([0, 0, 0, 0])!;
+ expect(heading.type, equals(HeadingBlockKeys.type));
+ expect(heading.level, equals(1));
+ }
+ });
+
+ testWidgets('''
+1. insert a simple table via + menu
+2. resize column
+''', (tester) async {
+ await tester.launchInAnonymousMode();
+ await tester.createNewDocumentOnMobile('simple table');
+
+ final editorState = tester.editor.getCurrentEditorState();
+ // focus on the editor
+ unawaited(
+ editorState.updateSelectionWithReason(
+ Selection.collapsed(Position(path: [0])),
+ reason: SelectionUpdateReason.uiEvent,
+ ),
+ );
+ await tester.pumpAndSettle();
+
+ final beforeWidth = editorState.getNodeAtPath([0, 0, 0])!.columnWidth;
+
+ // find the first cell
+ {
+ final resizeHandle = find.byType(SimpleTableColumnResizeHandle).first;
+ final offset = tester.getCenter(resizeHandle);
+ final gesture = await tester.startGesture(offset, pointer: 7);
+ await tester.pumpAndSettle();
+
+ await gesture.moveBy(const Offset(100, 0));
+ await tester.pumpAndSettle();
+
+ await gesture.up();
+ await tester.pumpAndSettle();
+ }
+
+ // check the table is updated
+ final afterWidth1 = editorState.getNodeAtPath([0, 0, 0])!.columnWidth;
+ expect(afterWidth1, greaterThan(beforeWidth));
+
+ // resize back to the original width
+ {
+ final resizeHandle = find.byType(SimpleTableColumnResizeHandle).first;
+ final offset = tester.getCenter(resizeHandle);
+ final gesture = await tester.startGesture(offset, pointer: 7);
+ await tester.pumpAndSettle();
+
+ await gesture.moveBy(const Offset(-100, 0));
+ await tester.pumpAndSettle();
+
+ await gesture.up();
+ await tester.pumpAndSettle();
+ }
+
+ // check the table is updated
+ final afterWidth2 = editorState.getNodeAtPath([0, 0, 0])!.columnWidth;
+ expect(afterWidth2, equals(beforeWidth));
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/mobile/document/slash_menu_test.dart b/frontend/appflowy_flutter/integration_test/mobile/document/slash_menu_test.dart
new file mode 100644
index 0000000000..11031d2b71
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/mobile/document/slash_menu_test.dart
@@ -0,0 +1,84 @@
+import 'package:appflowy/mobile/presentation/selection_menu/mobile_selection_menu_item.dart';
+import 'package:appflowy/mobile/presentation/selection_menu/mobile_selection_menu_item_widget.dart';
+import 'package:appflowy/mobile/presentation/selection_menu/mobile_selection_menu_widget.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/slash_menu/slash_menu_items/mobile_items.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../../shared/util.dart';
+
+void main() {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+ const title = 'Test Slash Menu';
+
+ group('slash menu', () {
+ testWidgets('show slash menu', (tester) async {
+ await tester.launchInAnonymousMode();
+ await tester.createPageAndShowSlashMenu(title);
+ final menuWidget = find.byType(MobileSelectionMenuWidget);
+ expect(menuWidget, findsOneWidget);
+ final items =
+ (menuWidget.evaluate().first.widget as MobileSelectionMenuWidget)
+ .items;
+ int i = 0;
+ for (final item in items) {
+ final localItem = mobileItems[i];
+ expect(item.name, localItem.name);
+ i++;
+ }
+ });
+
+ testWidgets('search by slash menu', (tester) async {
+ await tester.launchInAnonymousMode();
+ await tester.createPageAndShowSlashMenu(title);
+ const searchText = 'Heading';
+ await tester.ime.insertText(searchText);
+ final itemWidgets = find.byType(MobileSelectionMenuItemWidget);
+ int number = 0;
+ for (final item in mobileItems) {
+ if (item is MobileSelectionMenuItem) {
+ for (final childItem in item.children) {
+ if (childItem.name
+ .toLowerCase()
+ .contains(searchText.toLowerCase())) {
+ number++;
+ }
+ }
+ } else {
+ if (item.name.toLowerCase().contains(searchText.toLowerCase())) {
+ number++;
+ }
+ }
+ }
+ expect(itemWidgets, findsNWidgets(number));
+ });
+
+ testWidgets('tap to show submenu', (tester) async {
+ await tester.launchInAnonymousMode();
+ await tester.createNewDocumentOnMobile(title);
+ await tester.editor.tapLineOfEditorAt(0);
+ final listview = find.descendant(
+ of: find.byType(MobileSelectionMenuWidget),
+ matching: find.byType(ListView),
+ );
+ for (final item in mobileItems) {
+ if (item is! MobileSelectionMenuItem) continue;
+ await tester.editor.showSlashMenu();
+ await tester.scrollUntilVisible(
+ find.text(item.name),
+ 50,
+ scrollable: listview,
+ duration: const Duration(milliseconds: 250),
+ );
+ await tester.tap(find.text(item.name));
+ final childrenLength = ((listview.evaluate().first.widget as ListView)
+ .childrenDelegate as SliverChildListDelegate)
+ .children
+ .length;
+ expect(childrenLength, item.children.length);
+ }
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/mobile/document/title_test.dart b/frontend/appflowy_flutter/integration_test/mobile/document/title_test.dart
new file mode 100644
index 0000000000..01b1d574ce
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/mobile/document/title_test.dart
@@ -0,0 +1,47 @@
+import 'package:appflowy/mobile/presentation/presentation.dart';
+import 'package:appflowy/plugins/document/presentation/editor_page.dart';
+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 title:', () {
+ testWidgets('create a new page, the title should be empty', (tester) async {
+ await tester.launchInAnonymousMode();
+
+ final createPageButton = find.byKey(
+ BottomNavigationBarItemType.add.valueKey,
+ );
+ await tester.tapButton(createPageButton);
+ expect(find.byType(MobileDocumentScreen), findsOneWidget);
+
+ final title = tester.editor.findDocumentTitle('');
+ expect(title, findsOneWidget);
+ final textField = tester.widget(title);
+ expect(textField.focusNode!.hasFocus, isTrue);
+
+ // input new name and press done button
+ const name = 'test document';
+ await tester.enterText(title, name);
+ await tester.testTextInput.receiveAction(TextInputAction.done);
+ await tester.pumpAndSettle();
+ final newTitle = tester.editor.findDocumentTitle(name);
+ expect(newTitle, findsOneWidget);
+ expect(textField.controller!.text, name);
+
+ // the document should get focus
+ final editor = tester.widget(
+ find.byType(AppFlowyEditorPage),
+ );
+ expect(
+ editor.editorState.selection,
+ Selection.collapsed(Position(path: [0])),
+ );
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/mobile/document/toolbar_test.dart b/frontend/appflowy_flutter/integration_test/mobile/document/toolbar_test.dart
new file mode 100644
index 0000000000..72da283cd6
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/mobile/document/toolbar_test.dart
@@ -0,0 +1,117 @@
+import 'package:appflowy/generated/flowy_svgs.g.dart';
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/mobile/presentation/editor/mobile_editor_screen.dart';
+import 'package:appflowy/mobile/presentation/mobile_bottom_navigation_bar.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/mobile_toolbar_v3/appflowy_mobile_toolbar_item.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/mobile_toolbar_v3/util.dart';
+import 'package:appflowy_editor/appflowy_editor.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flowy_infra_ui/style_widget/text_field.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../../shared/util.dart';
+
+void main() {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+ group('toolbar menu:', () {
+ testWidgets('insert links', (tester) async {
+ await tester.launchInAnonymousMode();
+
+ final createPageButton = find.byKey(
+ BottomNavigationBarItemType.add.valueKey,
+ );
+ await tester.tapButton(createPageButton);
+ expect(find.byType(MobileDocumentScreen), findsOneWidget);
+
+ final editor = find.byType(AppFlowyEditor);
+ expect(editor, findsOneWidget);
+ final editorState = tester.editor.getCurrentEditorState();
+
+ /// move cursor to content
+ final root = editorState.document.root;
+ final lastNode = root.children.lastOrNull;
+ await editorState.updateSelectionWithReason(
+ Selection.collapsed(Position(path: lastNode!.path)),
+ );
+ await tester.pumpAndSettle();
+
+ /// insert two lines of text
+ const strFirst = 'FirstLine',
+ strSecond = 'SecondLine',
+ link = 'google.com';
+ await editorState.insertTextAtCurrentSelection(strFirst);
+ await tester.pumpAndSettle();
+ await editorState.insertNewLine();
+ await tester.pumpAndSettle();
+ await editorState.insertTextAtCurrentSelection(strSecond);
+ await tester.pumpAndSettle();
+ final firstLine = find.text(strFirst, findRichText: true),
+ secondLine = find.text(strSecond, findRichText: true);
+ expect(firstLine, findsOneWidget);
+ expect(secondLine, findsOneWidget);
+
+ /// select the first line
+ await tester.longPress(firstLine);
+ await tester.pumpAndSettle();
+
+ /// find aa item and tap it
+ final aaItem = find.byWidgetPredicate(
+ (widget) =>
+ widget is AppFlowyMobileToolbarIconItem &&
+ widget.icon == FlowySvgs.m_toolbar_aa_m,
+ );
+ expect(aaItem, findsOneWidget);
+ await tester.tapButton(aaItem);
+
+ /// find link button and tap it
+ final linkButton = find.byWidgetPredicate(
+ (widget) =>
+ widget is MobileToolbarMenuItemWrapper &&
+ widget.icon == FlowySvgs.m_toolbar_link_m,
+ );
+ expect(linkButton, findsOneWidget);
+ await tester.tapButton(linkButton);
+
+ /// input the link
+ final linkField = find.byWidgetPredicate(
+ (w) =>
+ w is FlowyTextField &&
+ w.hintText == LocaleKeys.document_inlineLink_url_placeholder.tr(),
+ );
+ await tester.enterText(linkField, link);
+ await tester.pumpAndSettle();
+
+ /// complete inputting
+ await tester.tapButton(find.text(LocaleKeys.button_done.tr()));
+
+ /// do it again
+ /// select the second line
+ await tester.longPress(secondLine);
+ await tester.pumpAndSettle();
+ await tester.tapButton(aaItem);
+ await tester.tapButton(linkButton);
+ await tester.enterText(linkField, link);
+ await tester.pumpAndSettle();
+ await tester.tapButton(find.text(LocaleKeys.button_done.tr()));
+
+ final firstNode = editorState.getNodeAtPath([0]);
+ final secondNode = editorState.getNodeAtPath([1]);
+
+ Map commonDeltaJson(String insert) => {
+ "insert": insert,
+ "attributes": {"href": link},
+ };
+
+ expect(
+ firstNode?.delta?.toJson(),
+ commonDeltaJson(strFirst),
+ );
+ expect(
+ secondNode?.delta?.toJson(),
+ commonDeltaJson(strSecond),
+ );
+ });
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/mobile/home_page/create_new_page_test.dart b/frontend/appflowy_flutter/integration_test/mobile/home_page/create_new_page_test.dart
index 8e3724a583..d64ab094de 100644
--- a/frontend/appflowy_flutter/integration_test/mobile/home_page/create_new_page_test.dart
+++ b/frontend/appflowy_flutter/integration_test/mobile/home_page/create_new_page_test.dart
@@ -1,47 +1,25 @@
-// 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/mobile/presentation/editor/mobile_editor_screen.dart';
-import 'package:appflowy/mobile/presentation/home/home.dart';
-import 'package:appflowy/mobile/presentation/home/section_folder/mobile_home_section_folder_header.dart';
-import 'package:appflowy/plugins/document/document_page.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/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:appflowy/generated/flowy_svgs.g.dart';
+import 'package:appflowy/mobile/presentation/presentation.dart';
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';
void main() {
IntegrationTestWidgetsFlutterBinding.ensureInitialized();
- group('create new page', () {
+ group('create new page in home page:', () {
testWidgets('create document', (tester) async {
- await tester.initializeAppFlowy(
- cloudType: AuthenticatorType.local,
- );
-
- // click the anonymousSignInButton
- final anonymousSignInButton = find.byType(SignInAnonymousButtonV2);
- expect(anonymousSignInButton, findsOneWidget);
- await tester.tapButton(anonymousSignInButton);
+ await tester.launchInAnonymousMode();
// tap the create page button
- final createPageButton = find.byKey(mobileCreateNewPageButtonKey);
+ final createPageButton = find.byWidgetPredicate(
+ (widget) =>
+ widget is FlowySvg &&
+ widget.svg.path == FlowySvgs.m_home_add_m.path,
+ );
await tester.tapButton(createPageButton);
+ await tester.pumpAndSettle();
expect(find.byType(MobileDocumentScreen), findsOneWidget);
});
});
diff --git a/frontend/appflowy_flutter/integration_test/mobile/settings/default_text_direction_test.dart b/frontend/appflowy_flutter/integration_test/mobile/settings/default_text_direction_test.dart
new file mode 100644
index 0000000000..158264cad1
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/mobile/settings/default_text_direction_test.dart
@@ -0,0 +1,81 @@
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/mobile/presentation/base/app_bar/app_bar_actions.dart';
+import 'package:appflowy/mobile/presentation/home/setting/settings_popup_menu.dart';
+import 'package:appflowy/mobile/presentation/mobile_bottom_navigation_bar.dart';
+import 'package:appflowy/mobile/presentation/widgets/flowy_option_tile.dart';
+import 'package:appflowy_editor/appflowy_editor.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../../shared/util.dart';
+
+void main() {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+ testWidgets('Change default text direction', (tester) async {
+ await tester.launchInAnonymousMode();
+
+ /// tap [Setting] button
+ await tester.tapButton(find.byType(HomePageSettingsPopupMenu));
+ await tester
+ .tapButton(find.text(LocaleKeys.settings_popupMenuItem_settings.tr()));
+
+ /// tap [Default Text Direction]
+ await tester.tapButton(
+ find.text(LocaleKeys.settings_appearance_textDirection_label.tr()),
+ );
+
+ /// there are 3 items: LTR-RTL-AUTO
+ final bottomSheet = find.ancestor(
+ of: find.byType(FlowyOptionTile),
+ matching: find.byType(SafeArea),
+ );
+ final items = find.descendant(
+ of: bottomSheet,
+ matching: find.byType(FlowyOptionTile),
+ );
+ expect(items, findsNWidgets(3));
+
+ /// select [Auto]
+ await tester.tapButton(items.last);
+ expect(
+ find.text(LocaleKeys.settings_appearance_textDirection_auto.tr()),
+ findsOneWidget,
+ );
+
+ /// go back home
+ await tester.tapButton(find.byType(AppBarImmersiveBackButton));
+
+ /// create new page
+ final createPageButton =
+ find.byKey(BottomNavigationBarItemType.add.valueKey);
+ await tester.tapButton(createPageButton);
+
+ final editorState = tester.editor.getCurrentEditorState();
+ // focus on the editor
+ await tester.editor.tapLineOfEditorAt(0);
+
+ const testEnglish = 'English', testArabic = 'إنجليزي';
+
+ /// insert [testEnglish]
+ await editorState.insertTextAtCurrentSelection(testEnglish);
+ await tester.pumpAndSettle();
+ await editorState.insertNewLine(position: editorState.selection!.end);
+ await tester.pumpAndSettle();
+
+ /// insert [testArabic]
+ await editorState.insertTextAtCurrentSelection(testArabic);
+ await tester.pumpAndSettle();
+ final testEnglishFinder = find.text(testEnglish, findRichText: true),
+ testArabicFinder = find.text(testArabic, findRichText: true);
+ final testEnglishRenderBox =
+ testEnglishFinder.evaluate().first.renderObject as RenderBox,
+ testArabicRenderBox =
+ testArabicFinder.evaluate().first.renderObject as RenderBox;
+ final englishPosition = testEnglishRenderBox.localToGlobal(Offset.zero),
+ arabicPosition = testArabicRenderBox.localToGlobal(Offset.zero);
+ expect(englishPosition.dx > arabicPosition.dx, true);
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/mobile/settings/scale_factor_test.dart b/frontend/appflowy_flutter/integration_test/mobile/settings/scale_factor_test.dart
new file mode 100644
index 0000000000..908caa89d5
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/mobile/settings/scale_factor_test.dart
@@ -0,0 +1,48 @@
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/mobile/presentation/home/setting/settings_popup_menu.dart';
+import 'package:appflowy/workspace/presentation/home/hotkeys.dart';
+import 'package:appflowy/workspace/presentation/widgets/more_view_actions/widgets/font_size_stepper.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() {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+ testWidgets('test for change scale factor', (tester) async {
+ await tester.launchInAnonymousMode();
+
+ /// tap [Setting] button
+ await tester.tapButton(find.byType(HomePageSettingsPopupMenu));
+ await tester
+ .tapButton(find.text(LocaleKeys.settings_popupMenuItem_settings.tr()));
+
+ /// tap [Font Scale Factor]
+ await tester.tapButton(
+ find.text(LocaleKeys.settings_appearance_fontScaleFactor.tr()),
+ );
+
+ /// drag slider
+ final slider = find.descendant(
+ of: find.byType(FontSizeStepper),
+ matching: find.byType(Slider),
+ );
+ await tester.slideToValue(slider, 0.8);
+ expect(appflowyScaleFactor, 0.8);
+
+ await tester.slideToValue(slider, 0.9);
+ expect(appflowyScaleFactor, 0.9);
+
+ await tester.slideToValue(slider, 1.0);
+ expect(appflowyScaleFactor, 1.0);
+
+ await tester.slideToValue(slider, 1.1);
+ expect(appflowyScaleFactor, 1.1);
+
+ await tester.slideToValue(slider, 1.2);
+ expect(appflowyScaleFactor, 1.2);
+ });
+}
diff --git a/frontend/appflowy_flutter/integration_test/mobile/sign_in/anonymous_sign_in_test.dart b/frontend/appflowy_flutter/integration_test/mobile/sign_in/anonymous_sign_in_test.dart
index 65f48a87ff..ab98ca190a 100644
--- a/frontend/appflowy_flutter/integration_test/mobile/sign_in/anonymous_sign_in_test.dart
+++ b/frontend/appflowy_flutter/integration_test/mobile/sign_in/anonymous_sign_in_test.dart
@@ -1,38 +1,15 @@
-// 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/mobile/presentation/home/home.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/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/dir.dart';
-import '../../shared/mock/mock_file_picker.dart';
import '../../shared/util.dart';
void main() {
IntegrationTestWidgetsFlutterBinding.ensureInitialized();
- group('anonymous sign in on mobile', () {
+ group('anonymous sign in on mobile:', () {
testWidgets('anon user and then sign in', (tester) async {
- await tester.initializeAppFlowy();
-
- // click the anonymousSignInButton
- final anonymousSignInButton = find.byType(SignInAnonymousButtonV2);
- expect(anonymousSignInButton, findsOneWidget);
- await tester.tapButton(anonymousSignInButton);
+ await tester.launchInAnonymousMode();
// expect to see the home page
expect(find.byType(MobileHomeScreen), findsOneWidget);
diff --git a/frontend/appflowy_flutter/integration_test/mobile_runner.dart b/frontend/appflowy_flutter/integration_test/mobile_runner.dart
deleted file mode 100644
index ca1a7ae0d3..0000000000
--- a/frontend/appflowy_flutter/integration_test/mobile_runner.dart
+++ /dev/null
@@ -1,8 +0,0 @@
-import 'package:integration_test/integration_test.dart';
-
-import 'mobile/sign_in/anonymous_sign_in_test.dart' as anonymous_sign_in_test;
-
-Future runIntegrationOnMobile() async {
- IntegrationTestWidgetsFlutterBinding.ensureInitialized();
- anonymous_sign_in_test.main();
-}
diff --git a/frontend/appflowy_flutter/integration_test/mobile_runner_1.dart b/frontend/appflowy_flutter/integration_test/mobile_runner_1.dart
new file mode 100644
index 0000000000..4d92db7d25
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/mobile_runner_1.dart
@@ -0,0 +1,23 @@
+import 'package:appflowy_backend/log.dart';
+import 'package:integration_test/integration_test.dart';
+
+import 'mobile/document/document_test_runner.dart' as document_test_runner;
+import 'mobile/home_page/create_new_page_test.dart' as create_new_page_test;
+import 'mobile/settings/default_text_direction_test.dart'
+ as default_text_direction_test;
+import 'mobile/sign_in/anonymous_sign_in_test.dart' as anonymous_sign_in_test;
+
+Future main() async {
+ Log.shared.disableLog = true;
+
+ await runIntegration1OnMobile();
+}
+
+Future runIntegration1OnMobile() async {
+ IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+ anonymous_sign_in_test.main();
+ create_new_page_test.main();
+ document_test_runner.main();
+ default_text_direction_test.main();
+}
diff --git a/frontend/appflowy_flutter/integration_test/runner.dart b/frontend/appflowy_flutter/integration_test/runner.dart
index cb7d2d6e33..0fc3c5d826 100644
--- a/frontend/appflowy_flutter/integration_test/runner.dart
+++ b/frontend/appflowy_flutter/integration_test/runner.dart
@@ -3,7 +3,13 @@ import 'dart:io';
import 'desktop_runner_1.dart';
import 'desktop_runner_2.dart';
import 'desktop_runner_3.dart';
-import 'mobile_runner.dart';
+import 'desktop_runner_4.dart';
+import 'desktop_runner_5.dart';
+import 'desktop_runner_6.dart';
+import 'desktop_runner_7.dart';
+import 'desktop_runner_8.dart';
+import 'desktop_runner_9.dart';
+import 'mobile_runner_1.dart';
/// The main task runner for all integration tests in AppFlowy.
///
@@ -17,8 +23,14 @@ Future main() async {
await runIntegration1OnDesktop();
await runIntegration2OnDesktop();
await runIntegration3OnDesktop();
+ await runIntegration4OnDesktop();
+ await runIntegration5OnDesktop();
+ await runIntegration6OnDesktop();
+ await runIntegration7OnDesktop();
+ await runIntegration8OnDesktop();
+ await runIntegration9OnDesktop();
} else if (Platform.isIOS || Platform.isAndroid) {
- await runIntegrationOnMobile();
+ await runIntegration1OnMobile();
} else {
throw Exception('Unsupported platform');
}
diff --git a/frontend/appflowy_flutter/integration_test/shared/auth_operation.dart b/frontend/appflowy_flutter/integration_test/shared/auth_operation.dart
index 873e6244b6..88f9634afd 100644
--- a/frontend/appflowy_flutter/integration_test/shared/auth_operation.dart
+++ b/frontend/appflowy_flutter/integration_test/shared/auth_operation.dart
@@ -1,33 +1,35 @@
-import 'package:flutter/material.dart';
-
import 'package:appflowy/generated/locale_keys.g.dart';
import 'package:appflowy/user/presentation/screens/sign_in_screen/widgets/widgets.dart';
-import 'package:appflowy/workspace/presentation/settings/pages/settings_account_view.dart';
+import 'package:appflowy/workspace/presentation/settings/pages/account/account.dart';
import 'package:appflowy/workspace/presentation/settings/widgets/setting_appflowy_cloud.dart';
-import 'package:appflowy/workspace/presentation/settings/widgets/setting_supabase_cloud.dart';
+import 'package:appflowy/workspace/presentation/widgets/toggle/toggle.dart';
import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
import 'package:flutter_test/flutter_test.dart';
import 'util.dart';
extension AppFlowyAuthTest on WidgetTester {
- Future tapGoogleLoginInButton() async {
- await tapButton(find.byKey(const Key('signInWithGoogleButton')));
+ Future tapGoogleLoginInButton({bool pumpAndSettle = true}) async {
+ await tapButton(
+ find.byKey(signInWithGoogleButtonKey),
+ pumpAndSettle: pumpAndSettle,
+ );
}
/// Requires being on the SettingsPage.account of the SettingsDialog
Future logout() async {
final scrollable = find.findSettingsScrollable();
await scrollUntilVisible(
- find.byType(SignInOutButton),
+ find.byType(AccountSignInOutButton),
100,
scrollable: scrollable,
);
- await tapButton(find.byType(SignInOutButton));
+ await tapButton(find.byType(AccountSignInOutButton));
- expectToSeeText(LocaleKeys.button_confirm.tr());
- await tapButtonWithName(LocaleKeys.button_confirm.tr());
+ expectToSeeText(LocaleKeys.button_ok.tr());
+ await tapButtonWithName(LocaleKeys.button_ok.tr());
}
Future tapSignInAsGuest() async {
@@ -35,7 +37,7 @@ extension AppFlowyAuthTest on WidgetTester {
}
void expectToSeeGoogleLoginButton() {
- expect(find.byKey(const Key('signInWithGoogleButton')), findsOneWidget);
+ expect(find.byKey(signInWithGoogleButtonKey), findsOneWidget);
}
void assertSwitchValue(Finder finder, bool value) {
@@ -44,49 +46,26 @@ extension AppFlowyAuthTest on WidgetTester {
assert(isSwitched == value);
}
- void assertEnableEncryptSwitchValue(bool value) {
- assertSwitchValue(
- find.descendant(
- of: find.byType(EnableEncrypt),
- matching: find.byWidgetPredicate((widget) => widget is Switch),
- ),
- value,
- );
- }
-
- void assertSupabaseEnableSyncSwitchValue(bool value) {
- assertSwitchValue(
- find.descendant(
- of: find.byType(SupabaseEnableSync),
- matching: find.byWidgetPredicate((widget) => widget is Switch),
- ),
- value,
- );
+ void assertToggleValue(Finder finder, bool value) {
+ final Toggle switchWidget = widget(finder);
+ final isSwitched = switchWidget.value;
+ assert(isSwitched == value);
}
void assertAppFlowyCloudEnableSyncSwitchValue(bool value) {
- assertSwitchValue(
+ assertToggleValue(
find.descendant(
of: find.byType(AppFlowyCloudEnableSync),
- matching: find.byWidgetPredicate((widget) => widget is Switch),
+ matching: find.byWidgetPredicate((widget) => widget is Toggle),
),
value,
);
}
- Future toggleEnableEncrypt() async {
- final finder = find.descendant(
- of: find.byType(EnableEncrypt),
- matching: find.byWidgetPredicate((widget) => widget is Switch),
- );
-
- await tapButton(finder);
- }
-
Future toggleEnableSync(Type syncButton) async {
final finder = find.descendant(
of: find.byType(syncButton),
- matching: find.byWidgetPredicate((widget) => widget is Switch),
+ matching: find.byWidgetPredicate((widget) => widget is Toggle),
);
await tapButton(finder);
diff --git a/frontend/appflowy_flutter/integration_test/shared/base.dart b/frontend/appflowy_flutter/integration_test/shared/base.dart
index 47f5337fce..493cb4c1f0 100644
--- a/frontend/appflowy_flutter/integration_test/shared/base.dart
+++ b/frontend/appflowy_flutter/integration_test/shared/base.dart
@@ -1,24 +1,24 @@
import 'dart:async';
import 'dart:io';
-import 'package:flutter/gestures.dart';
-import 'package:flutter/services.dart';
-
import 'package:appflowy/env/cloud_env.dart';
import 'package:appflowy/env/cloud_env_test.dart';
import 'package:appflowy/startup/entry_point.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/application/auth/supabase_mock_auth_service.dart';
import 'package:appflowy/user/presentation/presentation.dart';
import 'package:appflowy/user/presentation/screens/sign_in_screen/widgets/widgets.dart';
import 'package:appflowy/workspace/application/settings/prelude.dart';
import 'package:flowy_infra/uuid.dart';
import 'package:flowy_infra_ui/flowy_infra_ui.dart';
+import 'package:flutter/gestures.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:path/path.dart' as p;
import 'package:path_provider/path_provider.dart';
+import 'package:universal_platform/universal_platform.dart';
class FlowyTestContext {
FlowyTestContext({required this.applicationDataDirectory});
@@ -56,8 +56,6 @@ extension AppFlowyTestBase on WidgetTester {
switch (cloudType) {
case AuthenticatorType.local:
break;
- case AuthenticatorType.supabase:
- break;
case AuthenticatorType.appflowyCloudSelfHost:
rustEnvs["GOTRUE_ADMIN_EMAIL"] = "admin@example.com";
rustEnvs["GOTRUE_ADMIN_PASSWORD"] = "password";
@@ -76,13 +74,6 @@ extension AppFlowyTestBase on WidgetTester {
case AuthenticatorType.local:
await useLocalServer();
break;
- case AuthenticatorType.supabase:
- await useTestSupabaseCloud();
- getIt.unregister();
- getIt.registerFactory(
- () => SupabaseMockAuthService(),
- );
- break;
case AuthenticatorType.appflowyCloudSelfHost:
await useTestSelfHostedAppFlowyCloud();
getIt.unregister();
@@ -116,7 +107,7 @@ extension AppFlowyTestBase on WidgetTester {
}
Future waitUntilSignInPageShow() async {
- if (isAuthEnabled) {
+ if (isAuthEnabled || UniversalPlatform.isMobile) {
final finder = find.byType(SignInAnonymousButtonV2);
await pumpUntilFound(finder, timeout: const Duration(seconds: 30));
expect(finder, findsOneWidget);
@@ -169,31 +160,65 @@ extension AppFlowyTestBase on WidgetTester {
Future tapButton(
Finder finder, {
- int? pointer,
int buttons = kPrimaryButton,
bool warnIfMissed = false,
int milliseconds = 500,
+ bool pumpAndSettle = true,
}) async {
- await tap(
- finder,
- buttons: buttons,
- warnIfMissed: warnIfMissed,
- );
- await pumpAndSettle(
- Duration(milliseconds: milliseconds),
- EnginePhase.sendSemanticsUpdate,
- const Duration(seconds: 5),
- );
+ await tap(finder, buttons: buttons, warnIfMissed: warnIfMissed);
+
+ if (pumpAndSettle) {
+ await this.pumpAndSettle(
+ Duration(milliseconds: milliseconds),
+ EnginePhase.sendSemanticsUpdate,
+ const Duration(seconds: 15),
+ );
+ }
}
- Future tapButtonWithName(String tr, {int milliseconds = 500}) async {
+ Future tapDown(
+ Finder finder, {
+ int? pointer,
+ int buttons = kPrimaryButton,
+ PointerDeviceKind kind = PointerDeviceKind.touch,
+ bool pumpAndSettle = true,
+ int milliseconds = 500,
+ }) async {
+ final location = getCenter(finder);
+ final TestGesture gesture = await startGesture(
+ location,
+ pointer: pointer,
+ buttons: buttons,
+ kind: kind,
+ );
+ await gesture.cancel();
+ await gesture.down(location);
+ await gesture.cancel();
+ if (pumpAndSettle) {
+ await this.pumpAndSettle(
+ Duration(milliseconds: milliseconds),
+ EnginePhase.sendSemanticsUpdate,
+ const Duration(seconds: 15),
+ );
+ }
+ }
+
+ Future tapButtonWithName(
+ String tr, {
+ int milliseconds = 500,
+ bool pumpAndSettle = true,
+ }) async {
Finder button = find.text(tr, findRichText: true, skipOffstage: false);
if (button.evaluate().isEmpty) {
button = find.byWidgetPredicate(
(widget) => widget is FlowyText && widget.text == tr,
);
}
- await tapButton(button, milliseconds: milliseconds);
+ await tapButton(
+ button,
+ milliseconds: milliseconds,
+ pumpAndSettle: pumpAndSettle,
+ );
}
Future doubleTapAt(
@@ -211,6 +236,25 @@ extension AppFlowyTestBase on WidgetTester {
Future wait(int milliseconds) async {
await pumpAndSettle(Duration(milliseconds: milliseconds));
}
+
+ Future slideToValue(
+ Finder slider,
+ double value, {
+ double paddingOffset = 24.0,
+ }) async {
+ final sliderWidget = slider.evaluate().first.widget as Slider;
+ final range = sliderWidget.max - sliderWidget.min;
+ final initialRate = (value - sliderWidget.min) / range;
+ final totalWidth = getSize(slider).width - (2 * paddingOffset);
+ final zeroPoint = getTopLeft(slider) +
+ Offset(
+ paddingOffset + initialRate * totalWidth,
+ getSize(slider).height / 2,
+ );
+ final calculatedOffset = value * (totalWidth / 100);
+ await dragFrom(zeroPoint, Offset(calculatedOffset, 0));
+ await pumpAndSettle();
+ }
}
extension AppFlowyFinderTestBase on CommonFinders {
@@ -219,13 +263,16 @@ extension AppFlowyFinderTestBase on CommonFinders {
(widget) => widget is FlowyText && widget.text == text,
);
}
-}
-Future useTestSupabaseCloud() async {
- await useSupabaseCloud(
- url: TestEnv.supabaseUrl,
- anonKey: TestEnv.supabaseAnonKey,
- );
+ Finder findFlowyTooltip(String richMessage, {bool skipOffstage = true}) {
+ return byWidgetPredicate(
+ (widget) =>
+ widget is FlowyTooltip &&
+ widget.richMessage != null &&
+ widget.richMessage!.toPlainText().contains(richMessage),
+ skipOffstage: skipOffstage,
+ );
+ }
}
Future useTestSelfHostedAppFlowyCloud() async {
diff --git a/frontend/appflowy_flutter/integration_test/shared/common_operations.dart b/frontend/appflowy_flutter/integration_test/shared/common_operations.dart
index 0a0858beec..d7a505d152 100644
--- a/frontend/appflowy_flutter/integration_test/shared/common_operations.dart
+++ b/frontend/appflowy_flutter/integration_test/shared/common_operations.dart
@@ -1,37 +1,58 @@
import 'dart:io';
-import 'package:flutter/gestures.dart';
-import 'package:flutter/material.dart';
-import 'package:flutter/services.dart';
-
import 'package:appflowy/core/config/kv.dart';
import 'package:appflowy/core/config/kv_keys.dart';
import 'package:appflowy/generated/flowy_svgs.g.dart';
import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/mobile/presentation/base/type_option_menu_item.dart';
+import 'package:appflowy/mobile/presentation/presentation.dart';
import 'package:appflowy/plugins/document/presentation/editor_plugins/base/emoji_picker_button.dart';
-import 'package:appflowy/plugins/document/presentation/share/share_button.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/mobile_toolbar_v3/add_block_toolbar_item.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/simple_table/simple_table.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/simple_table/simple_table_widgets/_simple_table_bottom_sheet_actions.dart';
+import 'package:appflowy/plugins/shared/share/share_button.dart';
import 'package:appflowy/shared/feature_flags.dart';
+import 'package:appflowy/shared/icon_emoji_picker/flowy_icon_emoji_picker.dart';
+import 'package:appflowy/shared/icon_emoji_picker/icon_picker.dart';
+import 'package:appflowy/shared/text_field/text_filed_with_metric_lines.dart';
import 'package:appflowy/startup/startup.dart';
import 'package:appflowy/user/presentation/screens/screens.dart';
import 'package:appflowy/user/presentation/screens/sign_in_screen/widgets/widgets.dart';
-import 'package:appflowy/workspace/presentation/home/menu/sidebar/sidebar_new_page_button.dart';
-import 'package:appflowy/workspace/presentation/home/menu/sidebar/sidebar_workspace.dart';
+import 'package:appflowy/workspace/application/view/view_ext.dart';
+import 'package:appflowy/workspace/presentation/home/menu/sidebar/favorites/favorite_folder.dart';
+import 'package:appflowy/workspace/presentation/home/menu/sidebar/footer/sidebar_footer.dart';
+import 'package:appflowy/workspace/presentation/home/menu/sidebar/shared/sidebar_new_page_button.dart';
+import 'package:appflowy/workspace/presentation/home/menu/sidebar/space/shared_widget.dart';
+import 'package:appflowy/workspace/presentation/home/menu/sidebar/space/sidebar_space_header.dart';
+import 'package:appflowy/workspace/presentation/home/menu/sidebar/space/sidebar_space_menu.dart';
+import 'package:appflowy/workspace/presentation/home/menu/sidebar/space/space_icon_popup.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/home/menu/view/draggable_view_item.dart';
import 'package:appflowy/workspace/presentation/home/menu/view/view_action_type.dart';
import 'package:appflowy/workspace/presentation/home/menu/view/view_add_button.dart';
+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/workspace/presentation/notifications/widgets/flowy_tab.dart';
import 'package:appflowy/workspace/presentation/notifications/widgets/notification_button.dart';
import 'package:appflowy/workspace/presentation/notifications/widgets/notification_tab_bar.dart';
import 'package:appflowy/workspace/presentation/settings/shared/settings_body.dart';
-import 'package:appflowy/workspace/presentation/settings/widgets/settings_language_view.dart';
+import 'package:appflowy/workspace/presentation/settings/widgets/settings_menu.dart';
+import 'package:appflowy/workspace/presentation/widgets/more_view_actions/more_view_actions.dart';
+import 'package:appflowy/workspace/presentation/widgets/more_view_actions/widgets/common_view_action.dart';
import 'package:appflowy/workspace/presentation/widgets/view_title_bar.dart';
import 'package:appflowy_backend/log.dart';
import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
import 'package:easy_localization/easy_localization.dart';
import 'package:flowy_infra_ui/widget/buttons/primary_button.dart';
+import 'package:flutter/foundation.dart';
+import 'package:flutter/gestures.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
import 'package:flutter_test/flutter_test.dart';
+import 'package:path/path.dart' as p;
+import 'package:path_provider/path_provider.dart';
+import 'package:universal_platform/universal_platform.dart';
import 'emoji.dart';
import 'util.dart';
@@ -46,9 +67,15 @@ extension CommonOperations on WidgetTester {
} else {
// cloud version
final anonymousButton = find.byType(SignInAnonymousButtonV2);
- await tapButton(anonymousButton);
+ await tapButton(anonymousButton, warnIfMissed: true);
}
+ await pumpAndSettle(const Duration(milliseconds: 200));
+ }
+
+ Future tapContinousAnotherWay() async {
+ // local version
+ await tapButtonWithName(LocaleKeys.signIn_continueAnotherWay.tr());
if (Platform.isWindows) {
await pumpAndSettle(const Duration(milliseconds: 200));
}
@@ -57,6 +84,7 @@ extension CommonOperations on WidgetTester {
/// Tap the + button on the home page.
Future tapAddViewButton({
String name = gettingStarted,
+ ViewLayoutPB layout = ViewLayoutPB.Document,
}) async {
await hoverOnPageName(
name,
@@ -167,6 +195,21 @@ extension CommonOperations on WidgetTester {
}
}
+ /// Right click on the page name.
+ Future rightClickOnPageName(
+ String name, {
+ ViewLayoutPB layout = ViewLayoutPB.Document,
+ }) async {
+ final page = findPageName(name, layout: layout);
+ await hoverOnPageName(
+ name,
+ onHover: () async {
+ await tap(page, buttons: kSecondaryMouseButton);
+ await pumpAndSettle();
+ },
+ );
+ }
+
/// open the page with given name.
Future openPage(
String name, {
@@ -181,7 +224,10 @@ extension CommonOperations on WidgetTester {
///
/// Must call [hoverOnPageName] first.
Future tapPageOptionButton() async {
- final optionButton = find.byType(ViewMoreActionButton);
+ final optionButton = find.descendant(
+ of: find.byType(ViewMoreActionPopover),
+ matching: find.byFlowySvg(FlowySvgs.workspace_three_dots_s),
+ );
await tapButton(optionButton);
}
@@ -222,6 +268,10 @@ extension CommonOperations on WidgetTester {
await tapOKButton();
}
+ Future tapTrashButton() async {
+ await tap(find.byType(SidebarTrashButton));
+ }
+
Future tapOKButton() async {
final okButton = find.byWidgetPredicate(
(widget) =>
@@ -231,6 +281,20 @@ extension CommonOperations on WidgetTester {
await tapButton(okButton);
}
+ /// Expand or collapse the page.
+ Future expandOrCollapsePage({
+ required String pageName,
+ required ViewLayoutPB layout,
+ }) async {
+ final page = findPageName(pageName, layout: layout);
+ await hoverOnWidget(page);
+ final expandButton = find.descendant(
+ of: page,
+ matching: find.byType(ViewItemDefaultLeftIcon),
+ );
+ await tapButton(expandButton.first);
+ }
+
/// Tap the restore button.
///
/// the restore button will show after the current page is deleted.
@@ -243,22 +307,33 @@ extension CommonOperations on WidgetTester {
/// Tap the delete permanently button.
///
- /// the restore button will show after the current page is deleted.
+ /// the delete permanently button will show after the current page is deleted.
Future tapDeletePermanentlyButton() async {
- final restoreButton = find.textContaining(
+ final deleteButton = find.textContaining(
LocaleKeys.deletePagePrompt_deletePermanent.tr(),
);
- await tapButton(restoreButton);
+ await tapButton(deleteButton);
+ await tap(find.text(LocaleKeys.button_delete.tr()));
+ await pumpAndSettle();
}
/// Tap the share button above the document page.
Future tapShareButton() async {
final shareButton = find.byWidgetPredicate(
- (widget) => widget is DocumentShareButton,
+ (widget) => widget is ShareButton,
);
await tapButton(shareButton);
}
+ // open the share menu and then click the publish tab
+ Future openPublishMenu() async {
+ await tapShareButton();
+ final publishButton = find.textContaining(
+ LocaleKeys.shareAction_publishTab.tr(),
+ );
+ await tapButton(publishButton);
+ }
+
/// Tap the export markdown button
///
/// Must call [tapShareButton] first.
@@ -276,7 +351,7 @@ extension CommonOperations on WidgetTester {
bool openAfterCreated = true,
}) async {
// create a new page
- await tapAddViewButton(name: parentName ?? gettingStarted);
+ await tapAddViewButton(name: parentName ?? gettingStarted, layout: layout);
await tapButtonWithName(layout.menuName);
final settingsOrFailure = await getIt().getWithFormat(
KVKeys.showRenameDialogWhenCreatingNewFile,
@@ -291,7 +366,7 @@ extension CommonOperations on WidgetTester {
// hover on it and change it's name
if (name != null) {
await hoverOnPageName(
- LocaleKeys.menuAppHeader_defaultNewPageName.tr(),
+ layout.defaultName,
layout: layout,
onHover: () async {
await renamePage(name);
@@ -305,13 +380,110 @@ extension CommonOperations on WidgetTester {
if (openAfterCreated) {
await openPage(
// if the name is null, use the default name
- name ?? LocaleKeys.menuAppHeader_defaultNewPageName.tr(),
+ name ?? layout.defaultName,
layout: layout,
);
await pumpAndSettle();
}
}
+ Future createOpenRenameDocumentUnderParent({
+ required String name,
+ String? parentName,
+ }) async {
+ // create a new page
+ await tapAddViewButton(name: parentName ?? gettingStarted);
+ await tapButtonWithName(ViewLayoutPB.Document.menuName);
+ final settingsOrFailure = await getIt().getWithFormat(
+ KVKeys.showRenameDialogWhenCreatingNewFile,
+ (value) => bool.parse(value),
+ );
+ final showRenameDialog = settingsOrFailure ?? false;
+ if (showRenameDialog) {
+ await tapOKButton();
+ }
+ await pumpAndSettle();
+
+ // open the page after created
+ await openPage(ViewLayoutPB.Document.defaultName);
+ await pumpAndSettle();
+
+ // Enter new name in the document title
+ await enterText(find.byType(TextFieldWithMetricLines), name);
+ await pumpAndSettle();
+ }
+
+ /// Create a new page in the space
+ Future createNewPageInSpace({
+ required String spaceName,
+ required ViewLayoutPB layout,
+ bool openAfterCreated = true,
+ String? pageName,
+ }) async {
+ final currentSpace = find.byWidgetPredicate(
+ (widget) => widget is CurrentSpace && widget.space.name == spaceName,
+ );
+ if (currentSpace.evaluate().isEmpty) {
+ throw Exception('Current space not found');
+ }
+
+ await hoverOnWidget(
+ currentSpace,
+ onHover: () async {
+ // click the + button
+ await clickAddPageButtonInSpaceHeader();
+ await tapButtonWithName(layout.menuName);
+ },
+ );
+ await pumpAndSettle();
+
+ if (pageName != null) {
+ // move the cursor to other place to disable to tooltips
+ await tapAt(Offset.zero);
+
+ // hover on new created page and change it's name
+ await hoverOnPageName(
+ '',
+ layout: layout,
+ onHover: () async {
+ await renamePage(pageName);
+ await pumpAndSettle();
+ },
+ );
+ await pumpAndSettle();
+ }
+
+ // open the page after created
+ if (openAfterCreated) {
+ // if the name is null, use empty string
+ await openPage(pageName ?? '', layout: layout);
+ await pumpAndSettle();
+ }
+ }
+
+ /// Click the + button in the space header
+ Future clickAddPageButtonInSpaceHeader() async {
+ final addPageButton = find.descendant(
+ of: find.byType(SidebarSpaceHeader),
+ matching: find.byType(ViewAddButton),
+ );
+ await tapButton(addPageButton);
+ }
+
+ /// Click the + button in the space header
+ Future clickSpaceHeader() async {
+ await tapButton(find.byType(SidebarSpaceHeader));
+ }
+
+ Future openSpace(String spaceName) async {
+ final space = find.descendant(
+ of: find.byType(SidebarSpaceMenuItem),
+ matching: find.text(spaceName),
+ );
+ await tapButton(space);
+ }
+
+ /// Create a new page on the top level
Future createNewPage({
ViewLayoutPB layout = ViewLayoutPB.Document,
bool openAfterCreated = true,
@@ -325,6 +497,7 @@ extension CommonOperations on WidgetTester {
bool isShiftPressed = false,
bool isAltPressed = false,
bool isMetaPressed = false,
+ PhysicalKeyboardKey? physicalKey,
}) async {
if (isControlPressed) {
await simulateKeyDownEvent(LogicalKeyboardKey.control);
@@ -338,8 +511,14 @@ extension CommonOperations on WidgetTester {
if (isMetaPressed) {
await simulateKeyDownEvent(LogicalKeyboardKey.meta);
}
- await simulateKeyDownEvent(key);
- await simulateKeyUpEvent(key);
+ await simulateKeyDownEvent(
+ key,
+ physicalKey: physicalKey,
+ );
+ await simulateKeyUpEvent(
+ key,
+ physicalKey: physicalKey,
+ );
if (isControlPressed) {
await simulateKeyUpEvent(LogicalKeyboardKey.control);
}
@@ -422,6 +601,23 @@ extension CommonOperations on WidgetTester {
await pumpAndSettle();
}
+ Future reorderFavorite({
+ required String fromName,
+ required String toName,
+ }) async {
+ final from = find.descendant(
+ of: find.byType(FavoriteFolder),
+ matching: find.text(fromName),
+ ),
+ to = find.descendant(
+ of: find.byType(FavoriteFolder),
+ matching: find.text(toName),
+ );
+ final distanceY = getCenter(to).dy - getCenter(from).dx;
+ await drag(from, Offset(0, distanceY));
+ await pumpAndSettle(const Duration(seconds: 1));
+ }
+
// tap the button with [FlowySvgData]
Future tapButtonWithFlowySvgData(FlowySvgData svg) async {
final button = find.byWidgetPredicate(
@@ -433,9 +629,9 @@ extension CommonOperations on WidgetTester {
// update the page icon in the sidebar
Future updatePageIconInSidebarByName({
required String name,
- required String parentName,
+ String? parentName,
required ViewLayoutPB layout,
- required String icon,
+ required EmojiIconData icon,
}) async {
final iconButton = find.descendant(
of: findPageName(
@@ -447,7 +643,11 @@ extension CommonOperations on WidgetTester {
find.byTooltip(LocaleKeys.document_plugins_cover_changeIcon.tr()),
);
await tapButton(iconButton);
- await tapEmoji(icon);
+ if (icon.type == FlowyIconType.emoji) {
+ await tapEmoji(icon.emoji);
+ } else if (icon.type == FlowyIconType.icon) {
+ await tapIcon(icon);
+ }
await pumpAndSettle();
}
@@ -455,7 +655,7 @@ extension CommonOperations on WidgetTester {
Future updatePageIconInTitleBarByName({
required String name,
required ViewLayoutPB layout,
- required String icon,
+ required EmojiIconData icon,
}) async {
await openPage(
name,
@@ -467,7 +667,32 @@ extension CommonOperations on WidgetTester {
);
await tapButton(title);
await tapButton(find.byType(EmojiPickerButton));
- await tapEmoji(icon);
+ if (icon.type == FlowyIconType.emoji) {
+ await tapEmoji(icon.emoji);
+ } else if (icon.type == FlowyIconType.icon) {
+ await tapIcon(icon);
+ } else if (icon.type == FlowyIconType.custom) {
+ await pickImage(icon);
+ }
+ await pumpAndSettle();
+ }
+
+ Future updatePageIconInTitleBarByPasteALink({
+ required String name,
+ required ViewLayoutPB layout,
+ required String iconLink,
+ }) async {
+ await openPage(
+ name,
+ layout: layout,
+ );
+ final title = find.descendant(
+ of: find.byType(ViewTitleBar),
+ matching: find.text(name),
+ );
+ await tapButton(title);
+ await tapButton(find.byType(EmojiPickerButton));
+ await pasteImageLinkAsIcon(iconLink);
await pumpAndSettle();
}
@@ -510,8 +735,9 @@ extension CommonOperations on WidgetTester {
final workspace = find.byType(SidebarWorkspace);
expect(workspace, findsOneWidget);
- // click it
- await tapButton(workspace, milliseconds: 2000);
+
+ await tapButton(workspace, pumpAndSettle: false);
+ await pump(const Duration(seconds: 5));
}
Future createCollaborativeWorkspace(String name) async {
@@ -526,16 +752,246 @@ extension CommonOperations on WidgetTester {
// click the create button
final createButton = find.byKey(createWorkspaceButtonKey);
expect(createButton, findsOneWidget);
- await tapButton(createButton);
+ await tapButton(createButton, pumpAndSettle: false);
+ await pump(const Duration(seconds: 5));
// see the create workspace dialog
final createWorkspaceDialog = find.byType(CreateWorkspaceDialog);
expect(createWorkspaceDialog, findsOneWidget);
// input the workspace name
- await enterText(find.byType(TextField), name);
+ final workspaceNameInput = find.descendant(
+ of: createWorkspaceDialog,
+ matching: find.byType(TextField),
+ );
+ await enterText(workspaceNameInput, name);
- await tapButtonWithName(LocaleKeys.button_ok.tr());
+ await tapButtonWithName(LocaleKeys.button_ok.tr(), pumpAndSettle: false);
+ await pump(const Duration(seconds: 5));
+ }
+
+ // For mobile platform to launch the app in anonymous mode
+ Future launchInAnonymousMode() async {
+ assert(
+ [TargetPlatform.android, TargetPlatform.iOS]
+ .contains(defaultTargetPlatform),
+ 'This method is only supported on mobile platforms',
+ );
+
+ await initializeAppFlowy();
+
+ final anonymousSignInButton = find.byType(SignInAnonymousButtonV2);
+ expect(anonymousSignInButton, findsOneWidget);
+ await tapButton(anonymousSignInButton);
+
+ await pumpUntilFound(find.byType(MobileHomeScreen));
+ }
+
+ Future tapSvgButton(FlowySvgData svg) async {
+ final button = find.byWidgetPredicate(
+ (widget) => widget is FlowySvg && widget.svg.path == svg.path,
+ );
+ await tapButton(button);
+ }
+
+ Future openMoreViewActions() async {
+ final button = find.byType(MoreViewActions);
+ await tapButton(button);
+ }
+
+ /// Presses on the Duplicate ViewAction in the [MoreViewActions] popup.
+ ///
+ /// [openMoreViewActions] must be called beforehand!
+ ///
+ Future duplicateByMoreViewActions() async {
+ final button = find.byWidgetPredicate(
+ (widget) =>
+ widget is ViewAction && widget.type == ViewMoreActionType.duplicate,
+ );
+ await tap(button);
+ await pump();
+ }
+
+ /// Presses on the Delete ViewAction in the [MoreViewActions] popup.
+ ///
+ /// [openMoreViewActions] must be called beforehand!
+ ///
+ Future deleteByMoreViewActions() async {
+ final button = find.descendant(
+ of: find.byType(ListView),
+ matching: find.byWidgetPredicate(
+ (widget) =>
+ widget is ViewAction && widget.type == ViewMoreActionType.delete,
+ ),
+ );
+ await tap(button);
+ await pump();
+ }
+
+ Future tapFileUploadHint() async {
+ final finder = find.byWidgetPredicate(
+ (w) =>
+ w is RichText &&
+ w.text.toPlainText().contains(
+ LocaleKeys.document_plugins_file_fileUploadHint.tr(),
+ ),
+ );
+ await tap(finder);
+ await pumpAndSettle(const Duration(seconds: 2));
+ }
+
+ /// Create a new document on mobile
+ Future createNewDocumentOnMobile(String name) async {
+ final createPageButton = find.byKey(
+ BottomNavigationBarItemType.add.valueKey,
+ );
+ await tapButton(createPageButton);
+ expect(find.byType(MobileDocumentScreen), findsOneWidget);
+
+ final title = editor.findDocumentTitle('');
+ expect(title, findsOneWidget);
+ final textField = widget(title);
+ expect(textField.focusNode!.hasFocus, isTrue);
+
+ // input new name and press done button
+ await enterText(title, name);
+ await testTextInput.receiveAction(TextInputAction.done);
+ await pumpAndSettle();
+ final newTitle = editor.findDocumentTitle(name);
+ expect(newTitle, findsOneWidget);
+ expect(textField.controller!.text, name);
+ }
+
+ /// Open the plus menu
+ Future openPlusMenuAndClickButton(String buttonName) async {
+ assert(
+ UniversalPlatform.isMobile,
+ 'This method is only supported on mobile platforms',
+ );
+
+ final plusMenuButton = find.byKey(addBlockToolbarItemKey);
+ final addMenuItem = find.byType(AddBlockMenu);
+ await tapButton(plusMenuButton);
+ await pumpUntilFound(addMenuItem);
+
+ final toggleHeading1 = find.byWidgetPredicate(
+ (widget) =>
+ widget is TypeOptionMenuItem && widget.value.text == buttonName,
+ );
+ final scrollable = find.ancestor(
+ of: find.byType(TypeOptionGridView),
+ matching: find.byType(Scrollable),
+ );
+ await scrollUntilVisible(
+ toggleHeading1,
+ 100,
+ scrollable: scrollable,
+ );
+ await tapButton(toggleHeading1);
+ await pumpUntilNotFound(addMenuItem);
+ }
+
+ /// Click the column menu button in the simple table
+ Future clickColumnMenuButton(int index) async {
+ final columnMenuButton = find.byWidgetPredicate(
+ (w) =>
+ w is SimpleTableMobileReorderButton &&
+ w.index == index &&
+ w.type == SimpleTableMoreActionType.column,
+ );
+ await tapButton(columnMenuButton);
+ await pumpUntilFound(find.byType(SimpleTableCellBottomSheet));
+ }
+
+ /// Click the row menu button in the simple table
+ Future clickRowMenuButton(int index) async {
+ final rowMenuButton = find.byWidgetPredicate(
+ (w) =>
+ w is SimpleTableMobileReorderButton &&
+ w.index == index &&
+ w.type == SimpleTableMoreActionType.row,
+ );
+ await tapButton(rowMenuButton);
+ await pumpUntilFound(find.byType(SimpleTableCellBottomSheet));
+ }
+
+ /// Click the SimpleTableQuickAction
+ Future clickSimpleTableQuickAction(SimpleTableMoreAction action) async {
+ final button = find.byWidgetPredicate(
+ (widget) => widget is SimpleTableQuickAction && widget.type == action,
+ );
+ await tapButton(button);
+ }
+
+ /// Click the SimpleTableContentAction
+ Future clickSimpleTableBoldContentAction() async {
+ final button = find.byType(SimpleTableContentBoldAction);
+ await tapButton(button);
+ }
+
+ /// Cancel the table action menu
+ Future cancelTableActionMenu() async {
+ final finder = find.byType(SimpleTableCellBottomSheet);
+ if (finder.evaluate().isEmpty) {
+ return;
+ }
+
+ await tapAt(Offset.zero);
+ await pumpUntilNotFound(finder);
+ }
+
+ /// load icon list and return the first one
+ Future loadIcon() async {
+ await loadIconGroups();
+ final groups = kIconGroups!;
+ final firstGroup = groups.first;
+ final firstIcon = firstGroup.icons.first;
+ return EmojiIconData.icon(
+ IconsData(
+ firstGroup.name,
+ firstIcon.name,
+ builtInSpaceColors.first,
+ ),
+ );
+ }
+
+ Future prepareImageIcon() async {
+ final imagePath = await rootBundle.load('assets/test/images/sample.jpeg');
+ final tempDirectory = await getTemporaryDirectory();
+ final localImagePath = p.join(tempDirectory.path, 'sample.jpeg');
+ final imageFile = File(localImagePath)
+ ..writeAsBytesSync(imagePath.buffer.asUint8List());
+ return EmojiIconData.custom(imageFile.path);
+ }
+
+ Future prepareSvgIcon() async {
+ final imagePath = await rootBundle.load('assets/test/images/sample.svg');
+ final tempDirectory = await getTemporaryDirectory();
+ final localImagePath = p.join(tempDirectory.path, 'sample.svg');
+ final imageFile = File(localImagePath)
+ ..writeAsBytesSync(imagePath.buffer.asUint8List());
+ return EmojiIconData.custom(imageFile.path);
+ }
+
+ /// create new page and show slash menu
+ Future createPageAndShowSlashMenu(String title) async {
+ await createNewDocumentOnMobile(title);
+ await editor.tapLineOfEditorAt(0);
+ await editor.showSlashMenu();
+ }
+
+ /// create new page and show at menu
+ Future createPageAndShowAtMenu(String title) async {
+ await createNewDocumentOnMobile(title);
+ await editor.tapLineOfEditorAt(0);
+ await editor.showAtMenu();
+ }
+
+ /// create new page and show plus menu
+ Future createPageAndShowPlusMenu(String title) async {
+ await createNewDocumentOnMobile(title);
+ await editor.tapLineOfEditorAt(0);
+ await editor.showPlusMenu();
}
}
@@ -551,6 +1007,37 @@ extension SettingsFinder on CommonFinders {
matching: find.byType(Scrollable),
)
.first;
+
+ Finder findSettingsMenuScrollable() => find
+ .descendant(
+ of: find
+ .descendant(
+ of: find.byType(SettingsMenu),
+ matching: find.byType(SingleChildScrollView),
+ )
+ .first,
+ matching: find.byType(Scrollable),
+ )
+ .first;
+}
+
+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;
+ }
}
extension ViewLayoutPBTest on ViewLayoutPB {
@@ -581,4 +1068,34 @@ extension ViewLayoutPBTest on ViewLayoutPB {
throw UnsupportedError('Unsupported layout: $this');
}
}
+
+ String get slashMenuName {
+ switch (this) {
+ case ViewLayoutPB.Grid:
+ return LocaleKeys.document_slashMenu_name_grid.tr();
+ case ViewLayoutPB.Board:
+ return LocaleKeys.document_slashMenu_name_kanban.tr();
+ case ViewLayoutPB.Document:
+ return LocaleKeys.document_slashMenu_name_doc.tr();
+ case ViewLayoutPB.Calendar:
+ return LocaleKeys.document_slashMenu_name_calendar.tr();
+ default:
+ throw UnsupportedError('Unsupported layout: $this');
+ }
+ }
+
+ String get slashMenuLinkedName {
+ switch (this) {
+ case ViewLayoutPB.Grid:
+ return LocaleKeys.document_slashMenu_name_linkedGrid.tr();
+ case ViewLayoutPB.Board:
+ return LocaleKeys.document_slashMenu_name_linkedKanban.tr();
+ case ViewLayoutPB.Document:
+ return LocaleKeys.document_slashMenu_name_linkedDoc.tr();
+ case ViewLayoutPB.Calendar:
+ return LocaleKeys.document_slashMenu_name_linkedCalendar.tr();
+ default:
+ throw UnsupportedError('Unsupported layout: $this');
+ }
+ }
}
diff --git a/frontend/appflowy_flutter/integration_test/shared/constants.dart b/frontend/appflowy_flutter/integration_test/shared/constants.dart
new file mode 100644
index 0000000000..bfe3349b10
--- /dev/null
+++ b/frontend/appflowy_flutter/integration_test/shared/constants.dart
@@ -0,0 +1,8 @@
+class Constants {
+ // this page name is default page name in the new workspace
+ static const gettingStartedPageName = 'Getting started';
+ static const toDosPageName = 'To-dos';
+ static const generalSpaceName = 'General';
+
+ static const defaultWorkspaceName = 'My Workspace';
+}
diff --git a/frontend/appflowy_flutter/integration_test/shared/data.dart b/frontend/appflowy_flutter/integration_test/shared/data.dart
index 6a2ad830bb..c1777638d3 100644
--- a/frontend/appflowy_flutter/integration_test/shared/data.dart
+++ b/frontend/appflowy_flutter/integration_test/shared/data.dart
@@ -1,9 +1,8 @@
import 'dart:io';
-import 'package:flutter/services.dart';
-
import 'package:appflowy/core/config/kv_keys.dart';
import 'package:archive/archive_io.dart';
+import 'package:flutter/services.dart';
import 'package:path/path.dart' as p;
import 'package:path_provider/path_provider.dart';
import 'package:shared_preferences/shared_preferences.dart';
@@ -60,7 +59,7 @@ class TestWorkspaceService {
final inputStream =
InputFileStream(await workspace.zip.then((value) => value.path));
final archive = ZipDecoder().decodeBuffer(inputStream);
- extractArchiveToDisk(
+ await extractArchiveToDisk(
archive,
await TestWorkspace._parent.then((value) => value.path),
);
diff --git a/frontend/appflowy_flutter/integration_test/shared/database_test_op.dart b/frontend/appflowy_flutter/integration_test/shared/database_test_op.dart
index 6b5b0cc1cf..970965f294 100644
--- a/frontend/appflowy_flutter/integration_test/shared/database_test_op.dart
+++ b/frontend/appflowy_flutter/integration_test/shared/database_test_op.dart
@@ -1,12 +1,9 @@
import 'dart:io';
-import 'package:flutter/gestures.dart';
-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/plugins/database/application/calculations/calculation_type_ext.dart';
+import 'package:appflowy/plugins/database/application/field/filter_entities.dart';
import 'package:appflowy/plugins/database/board/presentation/board_page.dart';
import 'package:appflowy/plugins/database/board/presentation/widgets/board_column_header.dart';
import 'package:appflowy/plugins/database/calendar/application/calendar_bloc.dart';
@@ -20,13 +17,15 @@ import 'package:appflowy/plugins/database/grid/presentation/widgets/calculations
import 'package:appflowy/plugins/database/grid/presentation/widgets/calculations/calculation_type_item.dart';
import 'package:appflowy/plugins/database/grid/presentation/widgets/common/type_option_separator.dart';
import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/choicechip/checkbox.dart';
-import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/choicechip/checklist/checklist.dart';
+import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/choicechip/checklist.dart';
+import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/choicechip/choicechip.dart';
+import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/choicechip/date.dart';
+import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/choicechip/select_option/condition_list.dart';
import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/choicechip/select_option/option_list.dart';
import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/choicechip/select_option/select_option.dart';
import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/choicechip/text.dart';
import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/create_filter_list.dart';
import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/disclosure_button.dart';
-import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/filter_menu_item.dart';
import 'package:appflowy/plugins/database/grid/presentation/widgets/footer/grid_footer.dart';
import 'package:appflowy/plugins/database/grid/presentation/widgets/header/desktop_field_cell.dart';
import 'package:appflowy/plugins/database/grid/presentation/widgets/row/row.dart';
@@ -38,9 +37,11 @@ import 'package:appflowy/plugins/database/grid/presentation/widgets/toolbar/filt
import 'package:appflowy/plugins/database/grid/presentation/widgets/toolbar/sort_button.dart';
import 'package:appflowy/plugins/database/tab_bar/desktop/tab_bar_add_button.dart';
import 'package:appflowy/plugins/database/tab_bar/desktop/tab_bar_header.dart';
+import 'package:appflowy/plugins/database/widgets/cell/desktop_row_detail/desktop_row_detail_checklist_cell.dart';
import 'package:appflowy/plugins/database/widgets/cell/editable_cell_skeleton/checkbox.dart';
import 'package:appflowy/plugins/database/widgets/cell/editable_cell_skeleton/checklist.dart';
import 'package:appflowy/plugins/database/widgets/cell/editable_cell_skeleton/date.dart';
+import 'package:appflowy/plugins/database/widgets/cell/editable_cell_skeleton/media.dart';
import 'package:appflowy/plugins/database/widgets/cell/editable_cell_skeleton/number.dart';
import 'package:appflowy/plugins/database/widgets/cell/editable_cell_skeleton/select_option.dart';
import 'package:appflowy/plugins/database/widgets/cell/editable_cell_skeleton/text.dart';
@@ -48,8 +49,9 @@ import 'package:appflowy/plugins/database/widgets/cell/editable_cell_skeleton/ti
import 'package:appflowy/plugins/database/widgets/cell/editable_cell_skeleton/url.dart';
import 'package:appflowy/plugins/database/widgets/cell_editor/checklist_cell_editor.dart';
import 'package:appflowy/plugins/database/widgets/cell_editor/checklist_progress_bar.dart';
-import 'package:appflowy/plugins/database/widgets/cell_editor/date_editor.dart';
+import 'package:appflowy/plugins/database/widgets/cell_editor/date_cell_editor.dart';
import 'package:appflowy/plugins/database/widgets/cell_editor/extension.dart';
+import 'package:appflowy/plugins/database/widgets/cell_editor/media_cell_editor.dart';
import 'package:appflowy/plugins/database/widgets/cell_editor/select_option_cell_editor.dart';
import 'package:appflowy/plugins/database/widgets/cell_editor/select_option_text_field.dart';
import 'package:appflowy/plugins/database/widgets/database_layout_ext.dart';
@@ -68,11 +70,12 @@ import 'package:appflowy/plugins/database/widgets/setting/database_setting_actio
import 'package:appflowy/plugins/database/widgets/setting/database_settings_list.dart';
import 'package:appflowy/plugins/database/widgets/setting/setting_button.dart';
import 'package:appflowy/plugins/database/widgets/setting/setting_property_list.dart';
+import 'package:appflowy/shared/icon_emoji_picker/flowy_icon_emoji_picker.dart';
+import 'package:appflowy/shared/icon_emoji_picker/icon_picker.dart';
import 'package:appflowy/util/field_type_extension.dart';
import 'package:appflowy/workspace/presentation/widgets/date_picker/widgets/clear_date_button.dart';
import 'package:appflowy/workspace/presentation/widgets/date_picker/widgets/date_type_option_button.dart';
import 'package:appflowy/workspace/presentation/widgets/date_picker/widgets/reminder_selector.dart';
-import 'package:appflowy/workspace/presentation/widgets/dialogs.dart';
import 'package:appflowy/workspace/presentation/widgets/pop_up_action.dart';
import 'package:appflowy/workspace/presentation/widgets/toggle/toggle.dart';
import 'package:appflowy_backend/protobuf/flowy-database2/protobuf.dart';
@@ -83,6 +86,9 @@ import 'package:easy_localization/easy_localization.dart';
import 'package:flowy_infra_ui/flowy_infra_ui.dart';
import 'package:flowy_infra_ui/style_widget/text_input.dart';
import 'package:flowy_infra_ui/widget/buttons/primary_button.dart';
+import 'package:flutter/gestures.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:path/path.dart' as p;
// Non-exported member of the table_calendar library
@@ -94,8 +100,11 @@ import 'common_operations.dart';
import 'expectation.dart';
import 'mock/mock_file_picker.dart';
+const v020GridFileName = "v020.afdb";
+const v069GridFileName = "v069.afdb";
+
extension AppFlowyDatabaseTest on WidgetTester {
- Future openV020database() async {
+ Future openTestDatabase(String fileName) async {
final context = await initializeAppFlowy();
await tapAnonymousSignInButton();
@@ -105,37 +114,32 @@ extension AppFlowyDatabaseTest on WidgetTester {
await tapAddViewButton();
await tapImportButton();
- final testFileNames = ['v020.afdb'];
- final paths = [];
- for (final fileName in testFileNames) {
- // Don't use the p.join to build the path that used in loadString. It
- // is not working on windows.
- final str = await rootBundle
- .loadString("assets/test/workspaces/database/$fileName");
+ // Don't use the p.join to build the path that used in loadString. It
+ // is not working on windows.
+ final str = await rootBundle
+ .loadString("assets/test/workspaces/database/$fileName");
- // Write the content to the file.
- final path = p.join(
- context.applicationDataDirectory,
- fileName,
- );
- paths.add(path);
- File(path).writeAsStringSync(str);
- }
+ // Write the content to the file.
+ final path = p.join(
+ context.applicationDataDirectory,
+ fileName,
+ );
+ final pageName = p.basenameWithoutExtension(path);
+ File(path).writeAsStringSync(str);
// mock get files
mockPickFilePaths(
- paths: paths,
+ paths: [path],
);
await tapDatabaseRawDataButton();
- await pumpAndSettle();
- await openPage('v020', layout: ViewLayoutPB.Grid);
+ await openPage(pageName, layout: ViewLayoutPB.Grid);
}
- Future hoverOnFirstRowOfGrid() async {
+ Future hoverOnFirstRowOfGrid([Future Function()? onHover]) async {
final findRow = find.byType(GridRow);
expect(findRow, findsWidgets);
final firstRow = findRow.first;
- await hoverOnWidget(firstRow);
+ await hoverOnWidget(firstRow, onHover: onHover);
}
Future editCell({
@@ -148,6 +152,7 @@ extension AppFlowyDatabaseTest on WidgetTester {
expect(cell, findsOneWidget);
await enterText(cell, input);
+ await testTextInput.receiveAction(TextInputAction.done);
await pumpAndSettle();
}
@@ -243,10 +248,10 @@ extension AppFlowyDatabaseTest on WidgetTester {
}
}
- Future assertMultiSelectOption({
+ void assertMultiSelectOption({
required int rowIndex,
required List contents,
- }) async {
+ }) {
final findCell = cellFinder(rowIndex, FieldType.MultiSelect);
for (final content in contents) {
if (content.isNotEmpty) {
@@ -407,17 +412,20 @@ extension AppFlowyDatabaseTest on WidgetTester {
}
Future selectOption({required String name}) async {
- final option = find.byWidgetPredicate(
- (widget) => widget is SelectOptionTagCell && widget.option.name == name,
+ final option = find.descendant(
+ of: find.byType(SelectOptionCellEditor),
+ matching: find.byWidgetPredicate(
+ (widget) => widget is SelectOptionTagCell && widget.option.name == name,
+ ),
);
await tapButton(option);
}
- Future findSelectOptionWithNameInGrid({
+ void findSelectOptionWithNameInGrid({
required int rowIndex,
required String name,
- }) async {
+ }) {
final findRow = find.byType(GridRow);
final option = find.byWidgetPredicate(
(widget) =>
@@ -429,10 +437,10 @@ extension AppFlowyDatabaseTest on WidgetTester {
expect(cell, findsOneWidget);
}
- Future assertNumberOfSelectedOptionsInGrid({
+ void assertNumberOfSelectedOptionsInGrid({
required int rowIndex,
required Matcher matcher,
- }) async {
+ }) {
final findRow = find.byType(GridRow);
final options = find.byWidgetPredicate(
@@ -474,7 +482,7 @@ extension AppFlowyDatabaseTest on WidgetTester {
await pumpAndSettle();
if (enter) {
await testTextInput.receiveAction(TextInputAction.done);
- await pumpAndSettle();
+ await pumpAndSettle(const Duration(milliseconds: 500));
} else {
await tapButton(
find.descendant(
@@ -500,6 +508,7 @@ extension AppFlowyDatabaseTest on WidgetTester {
Future renameChecklistTask({
required int index,
required String name,
+ bool enter = true,
}) async {
final textField = find
.descendant(
@@ -509,7 +518,9 @@ extension AppFlowyDatabaseTest on WidgetTester {
.at(index);
await enterText(textField, name);
- await testTextInput.receiveAction(TextInputAction.done);
+ if (enter) {
+ await testTextInput.receiveAction(TextInputAction.done);
+ }
await pumpAndSettle();
}
@@ -527,14 +538,38 @@ extension AppFlowyDatabaseTest on WidgetTester {
Future deleteChecklistTask({required int index}) async {
final task = find.byType(ChecklistItem).at(index);
- await startGesture(getCenter(task), kind: PointerDeviceKind.mouse);
- await pumpAndSettle();
-
- final button = find.byWidgetPredicate(
- (widget) => widget is FlowySvg && widget.svg == FlowySvgs.delete_s,
+ await hoverOnWidget(
+ task,
+ onHover: () async {
+ final button = find.byWidgetPredicate(
+ (widget) => widget is FlowySvg && widget.svg == FlowySvgs.delete_s,
+ );
+ await tapButton(button);
+ },
);
+ }
- await tapButton(button);
+ void assertPhantomChecklistItemAtIndex({required int index}) {
+ final paddings = find.descendant(
+ of: find.descendant(
+ of: find.byType(ChecklistRowDetailCell),
+ matching: find.byType(ReorderableListView),
+ ),
+ matching: find.byWidgetPredicate(
+ (widget) =>
+ widget is Padding &&
+ (widget.child is ChecklistItem ||
+ widget.child is PhantomChecklistItem),
+ ),
+ );
+ final phantom = widget(paddings.at(index)).child!;
+ expect(phantom is PhantomChecklistItem, true);
+ }
+
+ void assertPhantomChecklistItemContent(String content) {
+ final phantom = find.byType(PhantomChecklistItem);
+ final text = find.text(content);
+ expect(find.descendant(of: phantom, matching: text), findsOneWidget);
}
Future openFirstRowDetailPage() async {
@@ -566,12 +601,25 @@ extension AppFlowyDatabaseTest on WidgetTester {
final banner = find.byType(RowBanner);
expect(banner, findsOneWidget);
- await startGesture(getCenter(banner), kind: PointerDeviceKind.mouse);
+ await startGesture(
+ getCenter(banner) + const Offset(0, -10),
+ kind: PointerDeviceKind.mouse,
+ );
await pumpAndSettle();
}
+ /// Used to open the add cover popover, by pressing on "Add cover"-button.
+ ///
+ /// Should call [hoverRowBanner] first.
+ ///
+ Future tapAddCoverButton() async {
+ await tapButtonWithName(
+ LocaleKeys.document_plugins_cover_addCover.tr(),
+ );
+ }
+
Future openEmojiPicker() async =>
- tapButton(find.byType(AddEmojiButton));
+ tapButton(find.text(LocaleKeys.document_plugins_cover_addIcon.tr()));
Future tapDateCellInRowDetailPage() async {
final findDateCell = find.byType(EditableDateCell);
@@ -627,12 +675,7 @@ extension AppFlowyDatabaseTest on WidgetTester {
(w) => w is FieldActionCell && w.action == FieldAction.delete,
);
await tapButton(deleteButton);
-
- final confirmButton = find.descendant(
- of: find.byType(NavigatorAlertDialog),
- matching: find.byType(PrimaryTextButton),
- );
- await tapButton(confirmButton);
+ await tapButtonWithName(LocaleKeys.space_delete.tr());
}
Future scrollRowDetailByOffset(Offset offset) async {
@@ -661,16 +704,66 @@ extension AppFlowyDatabaseTest on WidgetTester {
Future changeFieldTypeOfFieldWithName(
String name,
- FieldType type,
- ) async {
+ FieldType type, {
+ ViewLayoutPB layout = ViewLayoutPB.Grid,
+ }) async {
await tapGridFieldWithName(name);
- await tapEditFieldButton();
+ if (layout == ViewLayoutPB.Grid) {
+ await tapEditFieldButton();
+ }
await tapSwitchFieldTypeButton();
await selectFieldType(type);
await dismissFieldEditor();
}
+ Future changeFieldIcon(String icon) async {
+ await tapButton(find.byType(FieldEditIconButton));
+ if (icon.isEmpty) {
+ final button = find.descendant(
+ of: find.byType(FlowyIconEmojiPicker),
+ matching: find.text(
+ LocaleKeys.button_remove.tr(),
+ ),
+ );
+ await tapButton(button);
+ } else {
+ final svgContent = kIconGroups?.findSvgContent(icon);
+ await tapButton(
+ find.byWidgetPredicate(
+ (widget) => widget is FlowySvg && widget.svgString == svgContent,
+ ),
+ );
+ }
+ }
+
+ void assertFieldSvg(String name, FieldType fieldType) {
+ final svgFinder = find.byWidgetPredicate(
+ (widget) => widget is FlowySvg && widget.svg == fieldType.svgData,
+ );
+ final fieldButton = find.byWidgetPredicate(
+ (widget) => widget is FieldCellButton && widget.field.name == name,
+ );
+ expect(
+ find.descendant(of: fieldButton, matching: svgFinder),
+ findsOneWidget,
+ );
+ }
+
+ void assertFieldCustomSvg(String name, String svg) {
+ final svgContent = kIconGroups?.findSvgContent(svg);
+ final svgFinder = find.byWidgetPredicate(
+ (widget) => widget is FlowySvg && widget.svgString == svgContent,
+ );
+ final fieldButton = find.byWidgetPredicate(
+ (widget) => widget is FieldCellButton && widget.field.name == name,
+ );
+ expect(
+ find.descendant(of: fieldButton, matching: svgFinder),
+ findsOneWidget,
+ );
+ }
+
Future changeCalculateAtIndex(int index, CalculationType type) async {
await tap(find.byType(CalculateCell).at(index));
await pumpAndSettle();
@@ -783,12 +876,12 @@ extension AppFlowyDatabaseTest on WidgetTester {
/// Each field has its own cell, so we can find the corresponding cell by
/// the field type after create a new field.
- Future findCellByFieldType(FieldType fieldType) async {
+ void findCellByFieldType(FieldType fieldType) {
final finder = finderForFieldType(fieldType);
expect(finder, findsWidgets);
}
- Future assertNumberOfRowsInGridPage(int num) async {
+ void assertNumberOfRowsInGridPage(int num) {
expect(
find.byType(GridRow, skipOffstage: false),
findsNWidgets(num),
@@ -849,11 +942,41 @@ extension AppFlowyDatabaseTest on WidgetTester {
await pumpAndSettle(const Duration(milliseconds: 200));
}
+ Future changeFieldWidth(String fieldName, double width) async {
+ final field = find.byWidgetPredicate(
+ (widget) => widget is GridFieldCell && widget.fieldInfo.name == fieldName,
+ );
+ await hoverOnWidget(
+ field,
+ onHover: () async {
+ final dragHandle = find.descendant(
+ of: field,
+ matching: find.byType(DragToExpandLine),
+ );
+ await drag(dragHandle, Offset(width - getSize(field).width, 0));
+ await pumpAndSettle(const Duration(milliseconds: 200));
+ },
+ );
+ }
+
+ double getFieldWidth(String fieldName) {
+ final field = find.byWidgetPredicate(
+ (widget) => widget is GridFieldCell && widget.fieldInfo.name == fieldName,
+ );
+
+ return getSize(field).width;
+ }
+
Future findDateEditor(dynamic matcher) async {
final finder = find.byType(DateCellEditor);
expect(finder, matcher);
}
+ Future findMediaCellEditor(dynamic matcher) async {
+ final finder = find.byType(MediaCellEditor);
+ expect(finder, matcher);
+ }
+
Future findSelectOptionEditor(dynamic matcher) async {
final finder = find.byType(SelectOptionCellEditor);
expect(finder, matcher);
@@ -868,7 +991,7 @@ extension AppFlowyDatabaseTest on WidgetTester {
await tapButton(find.byType(GridAddRowButton));
}
- Future tapCreateRowButtonInRowMenuOfGrid() async {
+ Future tapCreateRowButtonAfterHoveringOnGridRow() async {
await tapButton(find.byType(InsertRowButton));
}
@@ -876,18 +999,57 @@ extension AppFlowyDatabaseTest on WidgetTester {
await tapButton(find.byType(RowMenuButton));
}
+ /// Should call [tapRowMenuButtonInGrid] first.
+ Future tapCreateRowAboveButtonInRowMenu() async {
+ await tapButtonWithName(LocaleKeys.grid_row_insertRecordAbove.tr());
+ }
+
/// Should call [tapRowMenuButtonInGrid] first.
Future tapDeleteOnRowMenu() async {
await tapButtonWithName(LocaleKeys.grid_row_delete.tr());
}
- Future createField(FieldType fieldType, String name) async {
- await scrollToRight(find.byType(GridPage));
+ Future reorderRow(
+ String from,
+ String to,
+ ) async {
+ final fromRow = find.byWidgetPredicate(
+ (widget) => widget is GridRow && widget.rowId == from,
+ );
+ final toRow = find.byWidgetPredicate(
+ (widget) => widget is GridRow && widget.rowId == to,
+ );
+ await hoverOnWidget(
+ fromRow,
+ onHover: () async {
+ final dragElement = find.descendant(
+ of: fromRow,
+ matching: find.byType(ReorderableDragStartListener),
+ );
+ await timedDrag(
+ dragElement,
+ getCenter(toRow) - getCenter(fromRow),
+ const Duration(milliseconds: 200),
+ );
+ await pumpAndSettle();
+ },
+ );
+ }
+
+ Future createField(
+ FieldType fieldType, {
+ String? name,
+ ViewLayoutPB layout = ViewLayoutPB.Grid,
+ }) async {
+ if (layout == ViewLayoutPB.Grid) {
+ await scrollToRight(find.byType(GridPage));
+ }
await tapNewPropertyButton();
- await renameField(name);
+ if (name != null) {
+ await renameField(name);
+ }
await tapSwitchFieldTypeButton();
await selectFieldType(fieldType);
- await dismissFieldEditor();
}
Future tapDatabaseSettingButton() async {
@@ -905,7 +1067,7 @@ extension AppFlowyDatabaseTest on WidgetTester {
Future tapCreateFilterByFieldType(FieldType type, String title) async {
final findFilter = find.byWidgetPredicate(
(widget) =>
- widget is GridFilterPropertyCell &&
+ widget is FilterableFieldButton &&
widget.fieldInfo.fieldType == type &&
widget.fieldInfo.name == title,
);
@@ -913,8 +1075,9 @@ extension AppFlowyDatabaseTest on WidgetTester {
}
Future tapFilterButtonInGrid(String name) async {
- final findFilter = find.byType(FilterMenuItem);
- final button = find.descendant(of: findFilter, matching: find.text(name));
+ final button = find.byWidgetPredicate(
+ (widget) => widget is ChoiceChipButton && widget.fieldInfo.name == name,
+ );
await tapButton(button);
}
@@ -952,12 +1115,15 @@ extension AppFlowyDatabaseTest on WidgetTester {
}
/// Must call [tapSortMenuInSettingBar] first.
- Future tapSortButtonByName(String name) async {
- final findSortItem = find.byWidgetPredicate(
- (widget) =>
- widget is DatabaseSortItem && widget.sortInfo.fieldInfo.name == name,
+ Future tapEditSortConditionButtonByFieldName(String name) async {
+ final sortItem = find.descendant(
+ of: find.ancestor(
+ of: find.text(name),
+ matching: find.byType(DatabaseSortItem),
+ ),
+ matching: find.byType(SortConditionButton),
);
- await tapButton(findSortItem);
+ await tapButton(sortItem);
}
/// Must call [tapSortMenuInSettingBar] first.
@@ -965,18 +1131,26 @@ extension AppFlowyDatabaseTest on WidgetTester {
(FieldType, String) from,
(FieldType, String) to,
) async {
- final fromSortItem = find.byWidgetPredicate(
- (widget) =>
- widget is DatabaseSortItem &&
- widget.sortInfo.fieldInfo.fieldType == from.$1 &&
- widget.sortInfo.fieldInfo.name == from.$2,
+ final fromSortItem = find.ancestor(
+ of: find.text(from.$2),
+ matching: find.byType(DatabaseSortItem),
);
- final toSortItem = find.byWidgetPredicate(
- (widget) =>
- widget is DatabaseSortItem &&
- widget.sortInfo.fieldInfo.fieldType == to.$1 &&
- widget.sortInfo.fieldInfo.name == to.$2,
+ final toSortItem = find.ancestor(
+ of: find.text(to.$2),
+ matching: find.byType(DatabaseSortItem),
);
+ // final fromSortItem = find.byWidgetPredicate(
+ // (widget) =>
+ // widget is DatabaseSortItem &&
+ // widget.sort.fieldInfo.fieldType == from.$1 &&
+ // widget.sort.fieldInfo.name == from.$2,
+ // );
+ // final toSortItem = find.byWidgetPredicate(
+ // (widget) =>
+ // widget is DatabaseSortItem &&
+ // widget.sort.fieldInfo.fieldType == to.$1 &&
+ // widget.sort.fieldInfo.name == to.$2,
+ // );
final dragElement = find.descendant(
of: fromSortItem,
matching: find.byType(ReorderableDragStartListener),
@@ -985,16 +1159,13 @@ extension AppFlowyDatabaseTest on WidgetTester {
await pumpAndSettle(const Duration(milliseconds: 200));
}
- /// Must call [tapSortButtonByName] first.
+ /// Must call [tapEditSortConditionButtonByFieldName] first.
Future tapSortByDescending() async {
await tapButton(
- find.descendant(
- of: find.byType(OrderPannelItem),
- matching: find.byWidgetPredicate(
- (widget) =>
- widget is FlowyText &&
- widget.text == LocaleKeys.grid_sort_descending.tr(),
- ),
+ find.byWidgetPredicate(
+ (widget) =>
+ widget is OrderPanelItem &&
+ widget.condition == SortConditionPB.Descending,
),
);
await sendKeyEvent(LogicalKeyboardKey.escape);
@@ -1002,7 +1173,7 @@ extension AppFlowyDatabaseTest on WidgetTester {
}
/// Must call [tapSortMenuInSettingBar] first.
- Future